Fix max-height issues

bluesky-social · Nov 2, 2023 · b782cd0 · b782cd0
1 parent 4e5a99d
commit b782cd0
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/view/com/auth/login/Login.tsx b/src/view/com/auth/login/Login.tsx
@@ -29,6 +29,7 @@ import {isNetworkError} from 'lib/strings/errors'
 import {usePalette} from 'lib/hooks/usePalette'
 import {useTheme} from 'lib/ThemeContext'
 import {cleanError} from 'lib/strings/errors'
+import {isWeb} from 'platform/detection'
 
 enum Forms {
   Login,
@@ -203,7 +204,7 @@ const ChooseAccountForm = ({
   }
 
   return (
-    <ScrollView testID="chooseAccountForm">
+    <ScrollView testID="chooseAccountForm" style={styles.maxHeight}>
       <Text
         type="2xl-medium"
         style={[pal.text, styles.groupLabel, s.mt5, s.mb10]}>
@@ -991,4 +992,10 @@ const styles = StyleSheet.create({
     marginRight: 5,
   },
   dimmed: {opacity: 0.5},
+
+  maxHeight: {
+    // @ts-ignore web only -prf
+    maxHeight: isWeb ? '100vh' : undefined,
+    height: !isWeb ? '100%' : undefined,
+  },
 })