100vh settings screen (#4015)

3 files changed, 14 insertions, 4 deletions

diff --git a/src/screens/Messages/Settings.tsx b/src/screens/Messages/Settings.tsx
index 9faab4130..d3aa514c0 100644
--- 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
index 16713921f..3f4905574 100644
--- 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
index ae165077c..04891806c 100644
--- 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