File tree Expand file tree Collapse file tree 1 file changed +24
-13
lines changed
Expand file tree Collapse file tree 1 file changed +24
-13
lines changed Original file line number Diff line number Diff line change @@ -5,26 +5,37 @@ const pathname = Astro.url.pathname;
55
66const isHomePage = pathname === ' /' ;
77const isWritingPage = pathname .startsWith (' /writing' );
8-
98---
109
11- <Container as =' header' class =" w-full max-w-full flex justify-center items-center" >
12- <div class =" w-max fixed top-0 mt-5 bg-muted-foreground/40 backdrop-blur-md border border-border rounded-full p-1" >
10+ <Container
11+ as =" header"
12+ class =" w-full max-w-full flex justify-center items-center"
13+ >
14+ <div
15+ class =" w-max fixed top-0 mt-5 bg-muted-foreground/40 backdrop-blur-3xl border border-border rounded-full p-1"
16+ >
1317 <nav class =" flex items-center" >
1418 <ul class =" flex items-center gap-1" >
1519 <li >
16- <a href =" /" class:list ={ [
17- ' font-medium transition-colors block px-5 py-2' ,
18- ' hover:text-headings' ,
19- isHomePage && ' text-headings bg-muted-foreground/40 rounded-full' ,
20- ]} >Home</a >
20+ <a
21+ href =" /"
22+ class:list ={ [
23+ ' font-medium transition-colors block px-5 py-2' ,
24+ ' hover:text-headings' ,
25+ isHomePage && ' text-headings bg-muted-foreground/40 rounded-full' ,
26+ ]} >Home</a
27+ >
2128 </li >
2229 <li >
23- <a href =" /writing" class:list ={ [
24- ' font-medium transition-colors block px-5 py-2' ,
25- ' hover:text-headings' ,
26- isWritingPage && ' text-headings bg-muted-foreground/40 rounded-full' ,
27- ]} >Writing</a >
30+ <a
31+ href =" /writing"
32+ class:list ={ [
33+ ' font-medium transition-colors block px-5 py-2' ,
34+ ' hover:text-headings' ,
35+ isWritingPage &&
36+ ' text-headings bg-muted-foreground/40 rounded-full' ,
37+ ]} >Writing</a
38+ >
2839 </li >
2940 </ul >
3041 </nav >
You can’t perform that action at this time.
0 commit comments