fix: nav active styling · marco.tngl.sh/site@3e4a937

marco.tngl.sh / site

fork atom

My personal site.

fork atom

fix: nav active styling

marco.tngl.sh 6 days ago 3e4a9379 97171574

+5 -1

1 changed file

expand all

unified split

src

components

Header.astro

+5 -1

src/components/Header.astro

··· 1 --- 2 const currentPath = Astro.url.pathname; 3 - const isActive = (path: string) => currentPath === path; 4 --- 5 6 <style> ··· 43 } 44 45 #main-nav > ul > li > a:hover { 46 color: var(--fg); 47 } 48

··· 1 --- 2 const currentPath = Astro.url.pathname; 3 + const isActive = (path: string) => currentPath.includes(path); 4 --- 5 6 <style> ··· 43 } 44 45 #main-nav > ul > li > a:hover { 46 + color: var(--fg); 47 + } 48 + 49 + #main-nav > ul > li > a.active { 50 color: var(--fg); 51 } 52