Skip to content

Commit cb7933f

Browse files
marc-thomasmarc-thomas
committed
fix nav
1 parent cde4ff6 commit cb7933f

2 files changed

Lines changed: 13 additions & 12 deletions

File tree

‎src/docs-app/ui/components/layout/DocLayout.tsx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -90,19 +90,20 @@ const DocLayout = () => {
9090
{/* Left Sidebar (Navigation) */}
9191
<div
9292
className={cn(
93-
"fixed inset-0 z-40 bg-sidebar lg:static lg:block lg:border-r border-sidebar-border lg:sticky lg:top-16 lg:h-[calc(100vh-4rem)]",
93+
"fixed inset-x-0 top-16 bottom-0 z-40 bg-sidebar lg:static lg:block lg:border-r border-sidebar-border lg:sticky lg:top-16 lg:h-[calc(100vh-4rem)]",
9494
sidebarOpen ? "block" : "hidden"
9595
)}
9696
>
9797
<div className="flex h-full flex-col">
9898
{/* Mobile Sidebar Header */}
99-
<div className="flex items-center justify-end border-b p-4 lg:hidden">
99+
<div className="flex items-center justify-end border-b lg:hidden">
100100
<Button
101101
variant="ghost"
102102
size="icon"
103103
onClick={() => setSidebarOpen(false)}
104+
className="mr-[1rem] h-9 w-9"
104105
>
105-
<X className="h-5 w-5" />
106+
<X className="h-4 w-4" />
106107
<span className="sr-only">Close sidebar</span>
107108
</Button>
108109
</div>

‎src/docs-app/ui/components/navigation/Navigation.tsx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,7 @@ const Navigation = ({ currentPath, onNavigate }: NavigationProps) => {
9292
style={{ maxHeight: "calc(100vh - 100px)" }}
9393
>
9494
<AccordionItem value="introduction">
95-
<AccordionTrigger className="px-4 py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
95+
<AccordionTrigger className="px-[0.4rem] py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
9696
Introduction
9797
</AccordionTrigger>
9898
<AccordionContent className="pb-2">
@@ -111,7 +111,7 @@ const Navigation = ({ currentPath, onNavigate }: NavigationProps) => {
111111
</AccordionItem>
112112

113113
<AccordionItem value="api-reference">
114-
<AccordionTrigger className="px-4 py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
114+
<AccordionTrigger className="px-[0.4rem] py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
115115
Public API reference
116116
</AccordionTrigger>
117117
<AccordionContent className="pb-2">
@@ -148,7 +148,7 @@ const Navigation = ({ currentPath, onNavigate }: NavigationProps) => {
148148
</AccordionItem>
149149

150150
<AccordionItem value="private-api-reference">
151-
<AccordionTrigger className="px-4 py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
151+
<AccordionTrigger className="px-[0.4rem] py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
152152
Private Organizer API
153153
</AccordionTrigger>
154154
<AccordionContent className="pb-2">
@@ -185,7 +185,7 @@ const Navigation = ({ currentPath, onNavigate }: NavigationProps) => {
185185
</AccordionItem>
186186

187187
<AccordionItem value="sdk">
188-
<AccordionTrigger className="px-4 py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
188+
<AccordionTrigger className="px-[0.4rem] py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
189189
Javascript SDK
190190
</AccordionTrigger>
191191
<AccordionContent className="pb-2">
@@ -276,7 +276,7 @@ const Navigation = ({ currentPath, onNavigate }: NavigationProps) => {
276276
</AccordionItem>
277277

278278
<AccordionItem value="showpass-wordpress-plugin">
279-
<AccordionTrigger className="px-4 py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
279+
<AccordionTrigger className="px-[0.4rem] py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
280280
Showpass Wordpress plugin
281281
</AccordionTrigger>
282282
<AccordionContent className="pb-2">
@@ -403,7 +403,7 @@ const Navigation = ({ currentPath, onNavigate }: NavigationProps) => {
403403
</AccordionItem>
404404

405405
<AccordionItem value="webhooks">
406-
<AccordionTrigger className="px-4 py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
406+
<AccordionTrigger className="px-[0.4rem] py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
407407
Webhooks
408408
</AccordionTrigger>
409409
<AccordionContent className="pb-2">
@@ -467,7 +467,7 @@ const Navigation = ({ currentPath, onNavigate }: NavigationProps) => {
467467
</AccordionItem>
468468

469469
<AccordionItem value="google-tag-manager">
470-
<AccordionTrigger className="px-4 py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
470+
<AccordionTrigger className="px-[0.4rem] py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
471471
Google Tag Manager integration
472472
</AccordionTrigger>
473473
<AccordionContent className="pb-2">
@@ -585,7 +585,7 @@ const Navigation = ({ currentPath, onNavigate }: NavigationProps) => {
585585
</AccordionItem>
586586

587587
<AccordionItem value="facebook">
588-
<AccordionTrigger className="px-4 py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
588+
<AccordionTrigger className="px-[0.4rem] py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
589589
Facebook tracking
590590
</AccordionTrigger>
591591
<AccordionContent className="pb-2">
@@ -631,7 +631,7 @@ const Navigation = ({ currentPath, onNavigate }: NavigationProps) => {
631631
</AccordionItem>
632632

633633
<AccordionItem value="security">
634-
<AccordionTrigger className="px-4 py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
634+
<AccordionTrigger className="px-[0.4rem] py-3 text-sm font-medium text-muted-foreground hover:text-foreground border-b-0 hover:no-underline">
635635
Security and compliance
636636
</AccordionTrigger>
637637
<AccordionContent className="pb-2">

0 commit comments

Comments
 (0)