PulseApp/docs
PulseApp/docs
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Activity

fix white flash?
Some checks failed
Deploy / deploy (ubuntu-latest, 2.44.0) (push) Has been cancelled
Details

Browse Source 
Took 7 minutes
This commit is contained in:
Braydon 2024-10-07 13:25:28 -04:00
parent 942938ad8f
commit 2c4e2bd0b1
3 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/app/layout.tsx
View File

@ -43,24 +43,26 @@ const RootLayout = ({
children: ReactNode;
}>): ReactElement => (
<html lang="en">
<body
className="scroll-smooth antialiased"
style={{
background: "var(--background-gradient)",
}}
>
<body className="scroll-smooth antialiased">
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
<TooltipProvider delayDuration={100}>
<div className="px-7 max-w-[90rem] mx-auto min-h-screen flex flex-col">
<Navbar />
<div className="pt-[4.5rem] w-full h-full flex flex-grow gap-5">
<div className="relative hidden xs:flex">
<Sidebar />
<div
className="min-h-screen flex flex-col"
style={{
background: "var(--background-gradient)",
}}
>
<div className="px-3 sm:px-7 max-w-[90rem] mx-auto flex flex-col transition-all">
<Navbar />
<div className="pt-[4.5rem] w-full h-full flex flex-grow gap-5">
<div className="relative hidden xs:flex">
<Sidebar />
</div>
{children}
</div>
{children}
</div>
<Footer />
</div>
<Footer />
</TooltipProvider>
</ThemeProvider>
</body>

2
src/components/navbar/navbar.tsx
View File

@ -9,7 +9,7 @@ const Navbar = (): ReactElement => {
const pages: DocsContentMetadata[] = getDocsContent();
return (
<nav className="fixed left-0 inset-x-0 bg-white/[0.007] backdrop-saturate-100 backdrop-blur-xl border-b z-50">
<div className="px-7 max-w-[90rem] mx-auto py-4 flex justify-between items-center">
<div className="px-3 sm:px-7 max-w-[90rem] mx-auto py-4 flex justify-between items-center transition-all transform-gpu">
{/* Branding */}
<Link
className="flex gap-1 items-end hover:opacity-75 transition-all transform-gpu select-none"

2
src/components/sidebar/sidebar.tsx
View File

@ -15,7 +15,7 @@ const Sidebar = (): ReactElement => (
<SheetTrigger className="flex items-center">
<Bars3BottomRightIcon className="w-6 h-6" />
</SheetTrigger>
<SheetContent className="h-full px-11 pt-10" side="top">
<SheetContent className="h-full px-5 pt-11" side="right">
<SidebarContent />
</SheetContent>
</Sheet>