From 4f03788f15a4abed1a704c4453eb7347e32f756c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sat, 6 Apr 2024 12:22:56 -0500
Subject: [PATCH] feat: remove scrollbar

---
 src/app/layout.tsx | 82 +++++++++++++++++++++-------------------------
 1 file changed, 38 insertions(+), 44 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index bec49a677..e34685705 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { AlertDialog, Button, Flex, ScrollArea, Theme } from '@radix-ui/themes';
+import { AlertDialog, Button, Flex, Theme } from '@radix-ui/themes';
 import '@radix-ui/themes/styles.css';
 import { config } from 'dotenv';
 import { Roboto_Flex } from 'next/font/google';
@@ -69,52 +69,46 @@ export default function RootLayout({ children }: RootLayoutProps) {
           suppressHydrationWarning
           suppressContentEditableWarning
         >
-          <ScrollArea
-            style={{
-              height: '100vh',
-            }}
-          >
-            <Flex direction="column" style={{ height: '100%' }}>
-              {!isEmbed && <Navbar />}
-              <AlertDialog.Root open={showDevBuildAlert}>
-                <AlertDialog.Content>
-                  <AlertDialog.Title>Experimental version!</AlertDialog.Title>
-                  <AlertDialog.Description>
-                    This version may have a lot of issues. Report issues to{' '}
-                    <a href="https://discord.gg/nDt7AjGJQH" target="_blank">
-                      the official Discord server
-                    </a>
-                    . Also consider using{' '}
-                    <a href="https://blitz-krieg.vercel.app/">
-                      the more stable release version
-                    </a>
-                    . You will be asked again in 8 days.
-                  </AlertDialog.Description>
+          <Flex direction="column" style={{ height: '100%' }}>
+            {!isEmbed && <Navbar />}
+            <AlertDialog.Root open={showDevBuildAlert}>
+              <AlertDialog.Content>
+                <AlertDialog.Title>Experimental version!</AlertDialog.Title>
+                <AlertDialog.Description>
+                  This version may have a lot of issues. Report issues to{' '}
+                  <a href="https://discord.gg/nDt7AjGJQH" target="_blank">
+                    the official Discord server
+                  </a>
+                  . Also consider using{' '}
+                  <a href="https://blitz-krieg.vercel.app/">
+                    the more stable release version
+                  </a>
+                  . You will be asked again in 8 days.
+                </AlertDialog.Description>
 
-                  <Flex justify="end">
-                    <Button
-                      variant="solid"
-                      onClick={() => {
-                        setShowDevBuildAlert(false);
-                        useApp.setState({ devBuildAgreementTime: Date.now() });
-                      }}
-                    >
-                      Continue
-                    </Button>
-                  </Flex>
-                </AlertDialog.Content>
-              </AlertDialog.Root>
+                <Flex justify="end">
+                  <Button
+                    variant="solid"
+                    onClick={() => {
+                      setShowDevBuildAlert(false);
+                      useApp.setState({ devBuildAgreementTime: Date.now() });
+                    }}
+                  >
+                    Continue
+                  </Button>
+                </Flex>
+              </AlertDialog.Content>
+            </AlertDialog.Root>
 
-              <Flex direction="column">{children}</Flex>
+            <Flex direction="column">{children}</Flex>
 
-              {!isEmbed && !isFullScreen && (
-                <>
-                  <div style={{ flex: 1 }} />
-                  <Footer />
-                </>
-              )}
-            </Flex>
-          </ScrollArea>
+            {!isEmbed && !isFullScreen && (
+              <>
+                <div style={{ flex: 1 }} />
+                <Footer />
+              </>
+            )}
+          </Flex>
         </Theme>
       </body>
     </html>