@@ -68,21 +68,21 @@ export default function Navbar(props: NavbarProps) {
6868 < div className = "max-w-[var(--container-width)] mx-auto flex items-center justify-between" >
6969 < a href = "/" className = "flex sm:hidden items-center space-x-2" >
7070 < span className = "font-bold text-primary text-lg" >
71- 💧 { config . meta . title }
71+ 💧 { config . projectName }
7272 </ span >
7373 </ a >
7474
75- < div className = "hidden lg :flex items-center justify-between w-full" >
75+ < div className = "hidden md :flex items-center justify-between w-full" >
7676 < a href = "/" className = "flex items-center space-x-2" >
7777 < span className = "font-bold text-primary text-lg" >
78- 💧 { config . meta . title }
78+ 💧 { config . projectName }
7979 </ span >
8080 </ a >
8181 < div className = "flex gap-3" >
8282 < NavigationMenu >
8383 < NavigationMenuList >
84- { props . docs . map ( ( element ) => (
85- < NavigationMenuItem key = { element . id } >
84+ { props . docs . map ( ( element , index ) => (
85+ < NavigationMenuItem key = { index } >
8686 < NavigationMenuTrigger className = "flex items-center" >
8787 < Icon icon = { element . icon } className = "size-4 mr-2" />
8888 { element . label }
@@ -126,9 +126,9 @@ export default function Navbar(props: NavbarProps) {
126126 < div className = "flex items-center space-x-2" >
127127 < ThemeToggle />
128128
129- { config . urls . github && (
129+ { config . socials . media . github && (
130130 < a
131- href = { config . urls . github }
131+ href = { config . socials . media . github }
132132 rel = "noopener noreferrer"
133133 target = "_blank"
134134 className = "rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-(--ui-text) hover:bg-(--ui-bg-elevated) focus:outline-none focus-visible:bg-(--ui-bg-elevated) hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"
@@ -144,7 +144,7 @@ export default function Navbar(props: NavbarProps) {
144144 d = "M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
145145 > </ path >
146146 </ svg >
147- < span className = "sr-only" > { config . meta . title } on GitHub</ span >
147+ < span className = "sr-only" > { config . seo . title } on GitHub</ span >
148148 </ a >
149149 ) }
150150 </ div >
@@ -164,7 +164,7 @@ export default function Navbar(props: NavbarProps) {
164164 >
165165 < div >
166166 < SheetHeader >
167- < SheetTitle > { config . meta . title } </ SheetTitle >
167+ < SheetTitle > { config . seo . title } </ SheetTitle >
168168 </ SheetHeader >
169169 < SheetDescription />
170170 < div className = "flex flex-col items-start gap-2" >
@@ -186,34 +186,40 @@ export default function Navbar(props: NavbarProps) {
186186 </ a >
187187 ) ;
188188 }
189+ } ) }
189190
190- return (
191- < div key = { element . label } >
192- < p className = "text-sm font-medium" > { element . label } </ p >
193- < ul className = "flex flex-col items-start gap-5 pt-2 pb-5" >
194- { element . items ?. map ( ( item ) => (
195- < a
196- key = { item . label }
197- href = { item . href }
198- className = "flex flex-col px-3 text-sm font-medium hover:bg-accent hover:text-accent-foreground rounded-md cursor-pointer"
199- >
200- < span > { item . label } </ span >
201- < span className = "text-xs text-muted-foreground" >
202- { item . description }
203- </ span >
204- </ a >
205- ) ) }
206- </ ul >
191+ < div className = "flex flex-col gap-6 pt-5" >
192+ { props . docs . map ( ( element , index ) => (
193+ < div key = { index } >
194+ < div className = "flex items-center font-medium" >
195+ < Icon icon = { element . icon } className = "size-4 mr-2" />
196+ { element . label }
197+ </ div >
198+ < div >
199+ < ul className = "grid w-[400px] gap-2 p-1 md:w-[500px] md:grid-cols-2 lg:w-[600px]" >
200+ { element . collection
201+ . filter ( ( item : any ) => item . visible )
202+ . map ( ( item : any ) => (
203+ < a
204+ key = { item . id }
205+ href = { item . href }
206+ className = "text-sm"
207+ >
208+ { item . data . title }
209+ </ a >
210+ ) ) }
211+ </ ul >
212+ </ div >
207213 </ div >
208- ) ;
209- } ) }
214+ ) ) }
215+ </ div >
210216 </ div >
211217 </ div >
212218 < SheetFooter >
213- { config . urls . github && (
219+ { config . socials . media . github && (
214220 < Button variant = "outline" asChild >
215221 < a
216- href = { config . urls . github }
222+ href = { config . socials . media . github }
217223 rel = "noopener noreferrer"
218224 target = "_blank"
219225 className = "rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-(--ui-text) hover:bg-(--ui-bg-elevated) focus:outline-none focus-visible:bg-(--ui-bg-elevated) hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"
0 commit comments