Separate styles for welcome video navigator

software-mansion-labs · Mar 1, 2024 · 671d923 · 671d923
1 parent b886fea
commit 671d923
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/libs/Navigation/AppNavigator/Navigators/WelcomeVideoModalNavigator.tsx b/src/libs/Navigation/AppNavigator/Navigators/WelcomeVideoModalNavigator.tsx
@@ -19,7 +19,7 @@ function WelcomeVideoModalNavigator() {
     return (
         <NoDropZone>
             <Overlay />
-            <View style={styles.onboardingNavigatorOuterView}>
+            <View style={styles.welcomeVideoNavigatorOuterView}>
                 <View style={styles.WelcomeVideoNavigatorInnerView(shouldUseNarrowLayout)}>
                     <Stack.Navigator screenOptions={WelcomeVideoModalNavigatorScreenOptions()}>
                         <Stack.Screen

diff --git a/src/styles/index.ts b/src/styles/index.ts
@@ -1527,6 +1527,11 @@ const styles = (theme: ThemeColors) =>
             alignItems: 'center',
         },
 
+        welcomeVideoNavigatorOuterView: {
+            flex: 1,
+            justifyContent: 'flex-end',
+        },
+
         OnboardingNavigatorInnerView: (shouldUseNarrowLayout: boolean) =>
             ({
                 width: shouldUseNarrowLayout ? 500 : '100%',
@@ -1539,7 +1544,8 @@ const styles = (theme: ThemeColors) =>
         WelcomeVideoNavigatorInnerView: (shouldUseNarrowLayout: boolean) =>
             ({
                 width: shouldUseNarrowLayout ? 500 : '100%',
-                height: shouldUseNarrowLayout ? 500 : '100%',
+                height: 500,
+                backgroundColor: 'red',
                 maxHeight: '100%',
                 borderRadius: shouldUseNarrowLayout ? 16 : 0,
                 overflow: 'hidden',