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:
tapframe 2025-06-18 11:57:04 +05:30
parent 666e6edf57
commit 7e77f6ec42

View file

@ -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: {