Hackathons/HoyaHax2025
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Navbar Small Fix

Browse Source
This commit is contained in:
Sir Blob
2025-01-25 02:47:38 -05:00
parent 18679f3a7d
commit b2253d9b2d
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/layout.tsx
View File

@@ -15,7 +15,7 @@ export default function RootLayout({
<body> <body>
<ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange> <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
<Navbar /> <Navbar />
<main>{children}</main> <main suppressHydrationWarning>{children}</main>
</ThemeProvider> </ThemeProvider>
</body> </body>
</html> </html>

6
src/components/navbar.tsx
View File

@@ -19,7 +19,7 @@ export function Navbar() {
const { setTheme } = useTheme() const { setTheme } = useTheme()
return ( return (
<header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60" suppressHydrationWarning> <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<div className="container flex h-14 items-center mx-auto"> <div className="container flex h-14 items-center mx-auto">
<div className="mr-4 hidden md:flex"> <div className="mr-4 hidden md:flex">
<Link href="/" className="mr-6 flex items-center space-x-2"> <Link href="/" className="mr-6 flex items-center space-x-2">
@@ -55,14 +55,14 @@ export function Navbar() {
</DropdownMenu> </DropdownMenu>
</nav> </nav>
<ClerkProvider> <ClerkProvider>
<Button className="hidden md:flex" suppressHydrationWarning> <div className="bg-primary text-primary-foreground shadow hover:bg-primary/90 h-9 px-4 py-2 rounded-md">
<SignedOut> <SignedOut>
<SignInButton /> <SignInButton />
</SignedOut> </SignedOut>
<SignedIn> <SignedIn>
<UserButton /> <UserButton />
</SignedIn> </SignedIn>
</Button> </div>
</ClerkProvider> </ClerkProvider>
</div> </div>
</div> </div>