marco.tngl.sh
My personal site.
fix: nav active styling
+5
-1
src/components/Header.astro
+5
-1
src/components/Header.astro
···
1
1
---
2
2
const currentPath = Astro.url.pathname;
3
-
const isActive = (path: string) => currentPath === path;
3
+
const isActive = (path: string) => currentPath.includes(path);
4
4
---
5
5
6
6
<style>
···
43
43
}
44
44
45
45
#main-nav > ul > li > a:hover {
46
+
color: var(--fg);
47
+
}
48
+
49
+
#main-nav > ul > li > a.active {
46
50
color: var(--fg);
47
51
}
48
52