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

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/layout.tsx
View File

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

14
src/app/styles/globals.css
View File

@ -2,21 +2,7 @@
@tailwind components; @tailwind components;
@tailwind utilities; @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 { body {
color: hsl(var(--foreground));
background: hsl(var(--background));
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }

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

@ -3,6 +3,8 @@ import SidebarLinks from "@/components/sidebar/sidebar-links";
import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"; import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
import QuickSearchDialog from "@/components/navbar/search-dialog"; import QuickSearchDialog from "@/components/navbar/search-dialog";
import { AlignRightIcon } from "lucide-react"; import { AlignRightIcon } from "lucide-react";
import { Separator } from "@/components/ui/separator";
import ThemeSwitcher from "@/components/theme-switcher";
const Sidebar = ({ pages }: { pages: DocsContentMetadata[] }): ReactElement => ( const Sidebar = ({ pages }: { pages: DocsContentMetadata[] }): ReactElement => (
<> <>
@ -19,7 +21,7 @@ const Sidebar = ({ pages }: { pages: DocsContentMetadata[] }): ReactElement => (
</div> </div>
{/* Desktop */} {/* 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} /> <SidebarContent pages={pages} />
</div> </div>
</> </>
@ -40,10 +42,10 @@ const SidebarContent = ({
</div> </div>
{/* Theme Switcher */} {/* Theme Switcher */}
{/*<div className="flex flex-col items-center">*/} <div className="flex flex-col items-center">
{/* <Separator className="mb-3 dark:bg-separator-gradient" />*/} <Separator className="mb-3 dark:bg-separator-gradient" />
{/* <ThemeSwitcher />*/} <ThemeSwitcher />
{/*</div>*/} </div>
</div> </div>
); );