From 6b2635c87027331f82e0bb79b743f870458872ae Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Tue, 14 May 2024 19:17:53 +0100
Subject: [PATCH] 100vh settings screen (#4015)

---
 src/screens/Messages/Settings.tsx |  2 +-
 src/view/com/util/Views.d.ts      | 11 ++++++++++-
 src/view/com/util/Views.web.tsx   |  5 +++--
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/screens/Messages/Settings.tsx b/src/screens/Messages/Settings.tsx
index 9faab41302..d3aa514c0c 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 16713921fb..3f4905574b 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 ae165077ca..04891806c4 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