ratingscreen UI fix

This commit is contained in:
tapframe 2025-10-11 23:34:45 +05:30
parent d399c8f774
commit 67232f5a8e

View file

@ -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',