added css to fix iphone bug

Stephen-Gordon · Apr 13, 2024 · fc0839c · fc0839c
1 parent 76c98cc
commit fc0839c
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 1 deletion.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -197,7 +197,7 @@ export default function RootLayout({
                   <WagmiProvider config={config!}>
                     <QueryClientProvider client={queryClient}>
                       <LayoutGroup>
-                        <div style={{height: '100vh'}} className=' justify-center'>
+                        <div id='wrapper' className=' '>
                           <div
                             vaul-drawer-wrapper=''
                             className='relative h-full w-full justify-center overflow-hidden'

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -2,6 +2,35 @@
 @tailwind components;
 @tailwind utilities;
 
+
+HTML, BODY {
+    height: 100%;
+    width: 100%;
+    height: 100vh;
+    width: 100vw;
+    margin:0;
+    padding:0;
+    /* required to prevent rogue scrollbars */
+    overflow: hidden;
+    /* cosmetic stuff: */
+    background-color:#020817;
+}
+
+#wrapper {
+    position:fixed;
+    top:0;
+    left:0;
+    right:0;
+    bottom:0;
+    padding:0;
+    margin:0;
+  /* if you want the content to scroll normally: */
+  overflow: auto;
+    /* cosmetic stuff: */
+    background-color:#020817;
+    box-sizing:border-box;
+}
+
 /* * {
   touch-action: none;
 } */