mirror of
https://github.com/tapframe/NuvioStreaming.git
synced 2026-05-09 11:30:51 +00:00
ratingscreen UI fix
This commit is contained in:
parent
d399c8f774
commit
67232f5a8e
1 changed files with 24 additions and 3 deletions
|
|
@ -474,7 +474,7 @@ const ShowRatingsScreen = ({ route }: Props) => {
|
||||||
onScroll={onScroll}
|
onScroll={onScroll}
|
||||||
scrollEventThrottle={16}
|
scrollEventThrottle={16}
|
||||||
>
|
>
|
||||||
<View>
|
<View style={styles.seasonsContainer}>
|
||||||
{/* Seasons Header */}
|
{/* Seasons Header */}
|
||||||
<View style={[styles.gridHeader, { borderBottomColor: colors.black + '40' }]}>
|
<View style={[styles.gridHeader, { borderBottomColor: colors.black + '40' }]}>
|
||||||
{seasons.map((season) => (
|
{seasons.map((season) => (
|
||||||
|
|
@ -697,36 +697,54 @@ const styles = StyleSheet.create({
|
||||||
width: 40,
|
width: 40,
|
||||||
borderRightWidth: 1,
|
borderRightWidth: 1,
|
||||||
paddingRight: 6,
|
paddingRight: 6,
|
||||||
|
justifyContent: 'flex-start',
|
||||||
|
paddingTop: 8,
|
||||||
},
|
},
|
||||||
seasonsScrollView: {
|
seasonsScrollView: {
|
||||||
flex: 1,
|
flex: 1,
|
||||||
},
|
},
|
||||||
|
seasonsContainer: {
|
||||||
|
flexDirection: 'column',
|
||||||
|
paddingTop: 8,
|
||||||
|
},
|
||||||
gridHeader: {
|
gridHeader: {
|
||||||
flexDirection: 'row',
|
flexDirection: 'row',
|
||||||
marginBottom: 8,
|
marginBottom: 8,
|
||||||
borderBottomWidth: 1,
|
borderBottomWidth: 1,
|
||||||
paddingBottom: 6,
|
paddingBottom: 6,
|
||||||
paddingLeft: 6,
|
paddingLeft: 6,
|
||||||
|
height: 32,
|
||||||
|
alignItems: 'center',
|
||||||
},
|
},
|
||||||
gridRow: {
|
gridRow: {
|
||||||
flexDirection: 'row',
|
flexDirection: 'row',
|
||||||
marginBottom: 6,
|
marginBottom: 6,
|
||||||
paddingLeft: 6,
|
paddingLeft: 6,
|
||||||
|
height: 32,
|
||||||
|
alignItems: 'center',
|
||||||
},
|
},
|
||||||
episodeCell: {
|
episodeCell: {
|
||||||
height: 26,
|
height: 32,
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
paddingRight: 6,
|
paddingRight: 6,
|
||||||
|
alignItems: 'center',
|
||||||
|
marginBottom: 6,
|
||||||
},
|
},
|
||||||
episodeColumn: {
|
episodeColumn: {
|
||||||
height: 26,
|
height: 32,
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
marginBottom: 8,
|
marginBottom: 8,
|
||||||
paddingRight: 6,
|
paddingRight: 6,
|
||||||
|
alignItems: 'center',
|
||||||
|
borderBottomWidth: 1,
|
||||||
|
borderBottomColor: 'transparent',
|
||||||
|
paddingBottom: 6,
|
||||||
},
|
},
|
||||||
ratingColumn: {
|
ratingColumn: {
|
||||||
width: 40,
|
width: 40,
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
|
height: 32,
|
||||||
|
justifyContent: 'center',
|
||||||
},
|
},
|
||||||
headerText: {
|
headerText: {
|
||||||
fontWeight: '700',
|
fontWeight: '700',
|
||||||
|
|
@ -753,6 +771,8 @@ const styles = StyleSheet.create({
|
||||||
position: 'relative',
|
position: 'relative',
|
||||||
width: 32,
|
width: 32,
|
||||||
height: 26,
|
height: 26,
|
||||||
|
justifyContent: 'center',
|
||||||
|
alignItems: 'center',
|
||||||
},
|
},
|
||||||
warningIcon: {
|
warningIcon: {
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
|
|
@ -767,6 +787,7 @@ const styles = StyleSheet.create({
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
opacity: 0.7,
|
opacity: 0.7,
|
||||||
|
height: 32,
|
||||||
},
|
},
|
||||||
loadingProgressContainer: {
|
loadingProgressContainer: {
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue