Fix border on PostQuotes, add debug atom

src/alf/atoms.ts

@@ -4,6 +4,11 @@ import * as tokens from '#/alf/tokens'
 import {native, web} from '#/alf/util/platform'
 
 export const atoms = {
+  debug: {
+    borderColor: 'red',
+    borderWidth: 1,
+  },
+
   /*
    * Positioning
    */

src/screens/Post/PostQuotes.tsx

@@ -10,7 +10,7 @@ import {isWeb} from 'platform/detection'
 import {PostQuotes as PostQuotesComponent} from '#/view/com/post-thread/PostQuotes'
 import {ViewHeader} from '#/view/com/util/ViewHeader'
 import {CenteredView} from 'view/com/util/Views'
-import {atoms as a} from '#/alf'
+import {native, web} from '#/alf'
 import {ListHeaderDesktop} from '#/components/Lists'
 
 type Props = NativeStackScreenProps<CommonNavigatorParams, 'PostQuotes'>
@@ -27,7 +27,16 @@ export const PostQuotesScreen = ({route}: Props) => {
   )
 
   return (
-    <CenteredView style={a.h_full_vh} sideBorders={true}>
+    <CenteredView
+      style={[
+        web({
+          minHeight: '100vh',
+        }),
+        native({
+          height: '100%',
+        }),
+      ]}
+      sideBorders={true}>
       <ListHeaderDesktop title={_(msg`Quotes`)} />
       <ViewHeader title={_(msg`Quotes`)} showBorder={!isWeb} />
       <PostQuotesComponent uri={uri} />