mirror of
https://github.com/tapframe/NuvioStreaming.git
synced 2026-03-11 17:45:38 +00:00
Refactor SeriesContent styles for improved layout and readability
This update modifies the styling of the SeriesContent component, adjusting padding, font sizes, and margins to enhance the overall layout and readability. Key changes include reduced padding in episode content, smaller font sizes for episode numbers and titles, and adjustments to line heights and gaps for a more cohesive design. These refinements aim to improve the user experience by creating a cleaner and more visually appealing presentation of episode information.
This commit is contained in:
parent
666e6edf57
commit
7e77f6ec42
1 changed files with 18 additions and 18 deletions
|
|
@ -705,54 +705,54 @@ const styles = StyleSheet.create({
|
|||
justifyContent: 'flex-end',
|
||||
},
|
||||
episodeContent: {
|
||||
padding: 16,
|
||||
paddingBottom: 20,
|
||||
padding: 12,
|
||||
paddingBottom: 16,
|
||||
},
|
||||
episodeNumberHorizontal: {
|
||||
color: 'rgba(255,255,255,0.8)',
|
||||
fontSize: 11,
|
||||
fontSize: 10,
|
||||
fontWeight: '600',
|
||||
letterSpacing: 1,
|
||||
letterSpacing: 0.8,
|
||||
textTransform: 'uppercase',
|
||||
marginBottom: 4,
|
||||
marginBottom: 2,
|
||||
},
|
||||
episodeTitleHorizontal: {
|
||||
color: '#fff',
|
||||
fontSize: 18,
|
||||
fontSize: 15,
|
||||
fontWeight: '700',
|
||||
letterSpacing: -0.3,
|
||||
marginBottom: 8,
|
||||
lineHeight: 22,
|
||||
marginBottom: 4,
|
||||
lineHeight: 18,
|
||||
},
|
||||
episodeDescriptionHorizontal: {
|
||||
color: 'rgba(255,255,255,0.85)',
|
||||
fontSize: 13,
|
||||
lineHeight: 18,
|
||||
marginBottom: 12,
|
||||
fontSize: 12,
|
||||
lineHeight: 16,
|
||||
marginBottom: 8,
|
||||
opacity: 0.9,
|
||||
},
|
||||
episodeMetadataRowHorizontal: {
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
gap: 12,
|
||||
gap: 8,
|
||||
},
|
||||
runtimeTextHorizontal: {
|
||||
color: 'rgba(255,255,255,0.8)',
|
||||
fontSize: 12,
|
||||
fontSize: 11,
|
||||
fontWeight: '500',
|
||||
},
|
||||
ratingContainerHorizontal: {
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
backgroundColor: 'rgba(0,0,0,0.4)',
|
||||
paddingHorizontal: 6,
|
||||
paddingVertical: 3,
|
||||
borderRadius: 4,
|
||||
gap: 3,
|
||||
paddingHorizontal: 5,
|
||||
paddingVertical: 2,
|
||||
borderRadius: 3,
|
||||
gap: 2,
|
||||
},
|
||||
ratingTextHorizontal: {
|
||||
color: '#FFD700',
|
||||
fontSize: 12,
|
||||
fontSize: 11,
|
||||
fontWeight: '600',
|
||||
},
|
||||
progressBarContainerHorizontal: {
|
||||
|
|
|
|||
Loading…
Reference in a new issue