standardize style of video page across ipad and android emulator

calblueprint · Dec 8, 2024 · 14c6864 · 14c6864
1 parent c61daf9
commit 14c6864
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/src/screens/LegalRights/VideoPage/index.tsx b/src/screens/LegalRights/VideoPage/index.tsx
@@ -86,7 +86,7 @@ export default function VideoPage({
     <View style={styles.container}>
       <Pressable
         style={
-          index != 0
+          index !== 0
             ? [styles.captionButtons]
             : [styles.captionButtons, styles.noButton]
         }
@@ -111,7 +111,7 @@ export default function VideoPage({
 
       <Pressable
         style={
-          index != preaData.length - 1
+          index !== preaData.length - 1
             ? [styles.captionButtons]
             : [styles.captionButtons, styles.noButton]
         }

diff --git a/src/screens/LegalRights/VideoPage/styles.ts b/src/screens/LegalRights/VideoPage/styles.ts
@@ -8,24 +8,23 @@ export const styles = StyleSheet.create({
     padding: 30,
     alignItems: 'flex-end',
     justifyContent: 'center',
-    gap: 46,
   },
   videoAndTitle: {
-    alignItems: 'flex-start',
+    alignItems: 'center',
     gap: 10,
+    width: '80%',
   },
   title: {
     color: '#444',
     fontFamily: 'Inter',
-    fontSize: 24,
+    fontSize: 28,
     fontStyle: 'normal',
     fontWeight: 700,
   },
   video: {
-    borderRadius: 15,
     backgroundColor: 'rgba(0, 0, 0, 0.18)',
-    width: 928,
-    height: 521,
+    width: '87%',
+    aspectRatio: 928 / 521,
   },
   captionButtons: {
     display: 'flex',