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

Compare commits

base: PulseApp:0dded272f4ade49f2bfa7a162aa95144badf1297
Branches Tags
PulseApp:master PulseApp:renovate/eslint-config-next-15.x PulseApp:renovate/lucide-react-0.x PulseApp:renovate/react-dom-19.x PulseApp:renovate/react-19.x PulseApp:renovate/cmdk-1.x PulseApp:renovate/next-themes-0.x
..
compare: PulseApp:96b79d999515a12725f70637678d6a7ead87354e
Branches Tags
PulseApp:renovate/eslint-config-next-15.x PulseApp:renovate/lucide-react-0.x PulseApp:renovate/react-dom-19.x PulseApp:renovate/react-19.x PulseApp:renovate/cmdk-1.x PulseApp:renovate/next-themes-0.x PulseApp:master

2 Commits
0dded272f4 ... 96b79d9995

Author SHA1 Message Date
Rainnny7
96b79d9995 better sidebar responsiveness
All checks were successful
Deploy / deploy (ubuntu-latest, 2.44.0) (push) Successful in 56s
Details 
Took 8 minutes
 2024-10-06 18:15:57 -04:00
Rainnny7
f73c2a61e6 better navbar responsiveness 
Took 9 minutes
 2024-10-06 18:08:12 -04:00
4 changed files with 109 additions and 47 deletions
Show Stats Expand all files Collapse all files

67
docs/intro.md
View File

@ -5,4 +5,69 @@ summary: 'petentium usu tota noluisse errem elaboraret auctor.'
---
# Get started with Pulse App!
petentium usu tota noluisse errem elaboraret auctor.
petentium usu tota noluisse errem elaboraret auctor.
petentium usu tota noluisse errem elaboraret auctor.
petentium usu tota noluisse errem elaboraret auctor.
petentium usu tota noluisse errem elaboraret auctor.
petentium usu tota noluisse errem elaboraret auctor.
petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.

4
src/app/layout.tsx
View File

@ -51,8 +51,8 @@ const RootLayout = ({
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
<div className="px-7 max-w-[90rem] mx-auto min-h-screen flex flex-col">
<Navbar />
<div className="w-full h-full flex flex-grow gap-5">
<div className="hidden xs:flex">
<div className="pt-[4.5rem] w-full h-full flex flex-grow gap-5">
<div className="relative hidden xs:flex pr-40 sm:pr-52">
<Sidebar />
</div>
{children}

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

@ -9,51 +9,48 @@ import Sidebar from "@/components/sidebar/sidebar";
const Navbar = (): ReactElement => {
const pages: DocsContentMetadata[] = getDocsContent();
return (
<nav
className={cn(
"py-4 flex justify-between items-center",
"after:absolute after:inset-x-0 after:top-[4.2rem] after:h-0.5 after:bg-muted/55"
)}
>
{/* Branding */}
<Link
className="flex gap-1 items-end hover:opacity-75 transition-all transform-gpu select-none"
href="/public"
draggable={false}
>
<h1 className="text-lg font-semibold">docs.</h1>
<Image
src="/media/logo.png"
alt="Pulse App Logo"
width={36}
height={36}
/>
</Link>
{/* Right */}
<div className="flex gap-5 sm:gap-7 items-center transition-all transform-gpu">
{/* Search */}
<div className="hidden xs:flex">
<QuickSearchDialog pages={pages} />
</div>
{/* Social */}
<div className="flex gap-5 items-center">
<SocialLink
name="GitHub"
link="https://github.com/PulseAppCC"
icon="/media/github.svg"
<nav className="fixed left-0 inset-x-0 bg-white/[0.007] backdrop-saturate-100 backdrop-blur-xl border-b">
<div className="px-7 max-w-[90rem] mx-auto py-4 flex justify-between items-center">
{/* Branding */}
<Link
className="flex gap-1 items-end hover:opacity-75 transition-all transform-gpu select-none"
href="/public"
draggable={false}
>
<h1 className="text-lg font-semibold">docs.</h1>
<Image
src="/media/logo.png"
alt="Pulse App Logo"
width={36}
height={36}
/>
<SocialLink
name="Discord"
link="https://discord.pulseapp.cc"
icon="/media/discord.svg"
/>
</div>
</Link>
{/* Mobile Sidebar */}
<div className="flex xs:hidden">
<Sidebar />
{/* Right */}
<div className="flex gap-5 sm:gap-7 items-center transition-all transform-gpu">
{/* Search */}
<div className="hidden xs:flex">
<QuickSearchDialog pages={pages} />
</div>
{/* Social */}
<div className="flex gap-5 items-center">
<SocialLink
name="GitHub"
link="https://github.com/PulseAppCC"
icon="/media/github.svg"
/>
<SocialLink
name="Discord"
link="https://discord.pulseapp.cc"
icon="/media/discord.svg"
/>
</div>
{/* Mobile Sidebar */}
<div className="flex xs:hidden">
<Sidebar />
</div>
</div>
</div>
</nav>

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

@ -22,7 +22,7 @@ const Sidebar = (): ReactElement => (
</div>
{/* Desktop */}
<div className="hidden min-w-32 w-40 sm:w-52 py-3 xs:flex flex-col justify-between transition-all transform-gpu">
<div className="hidden fixed top-20 inset-y-0 min-w-32 w-40 sm:w-52 py-3 xs:flex flex-col justify-between transition-all transform-gpu">
<SidebarContent />
</div>
</>