100vh settings screen (#4015)

bluesky-social · May 14, 2024 · 6b2635c · 6b2635c
1 parent 03da056
commit 6b2635c
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/src/screens/Messages/Settings.tsx b/src/screens/Messages/Settings.tsx
@@ -46,7 +46,7 @@ export function MessagesSettingsScreen({}: Props) {
   if (!gate('dms')) return <ClipClopGate />
 
   return (
-    <CenteredView sideBorders>
+    <CenteredView sideBorders style={a.h_full_vh}>
       <ViewHeader title={_(msg`Settings`)} showOnDesktop showBorder />
       <View style={[a.px_md, a.py_lg, a.gap_md]}>
         <Text style={[a.text_xl, a.font_bold, a.px_sm]}>

diff --git a/src/view/com/util/Views.d.ts b/src/view/com/util/Views.d.ts
@@ -6,5 +6,14 @@ export function CenteredView({
   sideBorders,
   ...props
 }: React.PropsWithChildren<
-  ViewProps & {sideBorders?: boolean; topBorder?: boolean}
+  ViewProps & {
+    /**
+     * @platform web
+     */
+    sideBorders?: boolean
+    /**
+     * @platform web
+     */
+    topBorder?: boolean
+  }
 >)
diff --git a/src/view/com/util/Views.web.tsx b/src/view/com/util/Views.web.tsx
@@ -20,10 +20,11 @@ import {
   View,
   ViewProps,
 } from 'react-native'
-import {addStyle} from 'lib/styles'
+import Animated from 'react-native-reanimated'
+
 import {usePalette} from 'lib/hooks/usePalette'
 import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
-import Animated from 'react-native-reanimated'
+import {addStyle} from 'lib/styles'
 
 interface AddedProps {
   desktopFixedHeight?: boolean | number