re-add the gradient bg
All checks were successful
Deploy & Publish Image / deploy (ubuntu-latest, 2.44.0) (push) Successful in 13m48s

Took 6 minutes
This commit is contained in:
Braydon 2024-10-10 16:21:03 -04:00
parent 22c8034560
commit a7a144dbd7
3 changed files with 10 additions and 22 deletions

View File

@ -30,9 +30,9 @@ const RootLayout = async ({
<html lang="en">
<body
className="scroll-smooth antialiased"
// style={{
// background: "var(--background-gradient)",
// }}
style={{
background: "var(--background-gradient)",
}}
>
<ThemeProvider
attribute="class"

View File

@ -2,21 +2,7 @@
@tailwind components;
@tailwind utilities;
:root {
--background: 0 0% 100%;
--foreground: 240 10% 3.9%;
}
@media (prefers-color-scheme: dark) {
:root {
--background: 240 10% 3.9%;
--foreground: 0 0% 98%;
}
}
body {
color: hsl(var(--foreground));
background: hsl(var(--background));
font-family: Arial, Helvetica, sans-serif;
}

View File

@ -3,6 +3,8 @@ import SidebarLinks from "@/components/sidebar/sidebar-links";
import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
import QuickSearchDialog from "@/components/navbar/search-dialog";
import { AlignRightIcon } from "lucide-react";
import { Separator } from "@/components/ui/separator";
import ThemeSwitcher from "@/components/theme-switcher";
const Sidebar = ({ pages }: { pages: DocsContentMetadata[] }): ReactElement => (
<>
@ -19,7 +21,7 @@ const Sidebar = ({ pages }: { pages: DocsContentMetadata[] }): ReactElement => (
</div>
{/* Desktop */}
<div className="hidden xs:flex sticky top-[4.5rem] max-h-[calc(100vh-3.5rem)] min-w-32 w-40 lg:w-52 py-5 flex-col justify-between transition-all transform-gpu overflow-y-auto">
<div className="hidden xs:flex sticky top-[4.5rem] max-h-[calc(100vh-4.5rem)] min-w-32 w-40 lg:w-52 py-5 pb-3 flex-col justify-between transition-all transform-gpu overflow-y-auto">
<SidebarContent pages={pages} />
</div>
</>
@ -40,10 +42,10 @@ const SidebarContent = ({
</div>
{/* Theme Switcher */}
{/*<div className="flex flex-col items-center">*/}
{/* <Separator className="mb-3 dark:bg-separator-gradient" />*/}
{/* <ThemeSwitcher />*/}
{/*</div>*/}
<div className="flex flex-col items-center">
<Separator className="mb-3 dark:bg-separator-gradient" />
<ThemeSwitcher />
</div>
</div>
);