feat: remove scrollbar

This commit is contained in:
TrèsAbhi committed 2024-04-06 12:22:56 -05:00
1 parent 17f4435a30
commit 4f03788f15
1 file changed
+38 -44
+38 -44
View File
@@ -1,6 +1,6 @@
'use client'; '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 '@radix-ui/themes/styles.css';
import { config } from 'dotenv'; import { config } from 'dotenv';
import { Roboto_Flex } from 'next/font/google'; import { Roboto_Flex } from 'next/font/google';
@@ -69,52 +69,46 @@ export default function RootLayout({ children }: RootLayoutProps) {
suppressHydrationWarning suppressHydrationWarning
suppressContentEditableWarning suppressContentEditableWarning
> >
<ScrollArea <Flex direction="column" style={{ height: '100%' }}>
style={{ {!isEmbed && <Navbar />}
height: '100vh', <AlertDialog.Root open={showDevBuildAlert}>
}} <AlertDialog.Content>
> <AlertDialog.Title>Experimental version!</AlertDialog.Title>
<Flex direction="column" style={{ height: '100%' }}> <AlertDialog.Description>
{!isEmbed && <Navbar />} This version may have a lot of issues. Report issues to{' '}
<AlertDialog.Root open={showDevBuildAlert}> <a href="https://discord.gg/nDt7AjGJQH" target="_blank">
<AlertDialog.Content> the official Discord server
<AlertDialog.Title>Experimental version!</AlertDialog.Title> </a>
<AlertDialog.Description> . Also consider using{' '}
This version may have a lot of issues. Report issues to{' '} <a href="https://blitz-krieg.vercel.app/">
<a href="https://discord.gg/nDt7AjGJQH" target="_blank"> the more stable release version
the official Discord server </a>
</a> . You will be asked again in 8 days.
. Also consider using{' '} </AlertDialog.Description>
<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"> <Flex justify="end">
<Button <Button
variant="solid" variant="solid"
onClick={() => { onClick={() => {
setShowDevBuildAlert(false); setShowDevBuildAlert(false);
useApp.setState({ devBuildAgreementTime: Date.now() }); useApp.setState({ devBuildAgreementTime: Date.now() });
}} }}
> >
Continue Continue
</Button> </Button>
</Flex> </Flex>
</AlertDialog.Content> </AlertDialog.Content>
</AlertDialog.Root> </AlertDialog.Root>
<Flex direction="column">{children}</Flex> <Flex direction="column">{children}</Flex>
{!isEmbed && !isFullScreen && ( {!isEmbed && !isFullScreen && (
<> <>
<div style={{ flex: 1 }} /> <div style={{ flex: 1 }} />
<Footer /> <Footer />
</> </>
)} )}
</Flex> </Flex>
</ScrollArea>
</Theme> </Theme>
</body> </body>
</html> </html>