diff options
Diffstat (limited to 'src/components/HeaderLink.astro')
| -rw-r--r-- | src/components/HeaderLink.astro | 32 |
1 files changed, 18 insertions, 14 deletions
diff --git a/src/components/HeaderLink.astro b/src/components/HeaderLink.astro index 41da846..b98a39e 100644 --- a/src/components/HeaderLink.astro +++ b/src/components/HeaderLink.astro @@ -1,24 +1,28 @@ --- -import type { HTMLAttributes } from 'astro/types'; +import type { HTMLAttributes } from "astro/types"; -type Props = HTMLAttributes<'a'>; +type Props = HTMLAttributes<"a">; const { href, class: className, ...props } = Astro.props; -const pathname = Astro.url.pathname.replace(import.meta.env.BASE_URL, ''); +const pathname = Astro.url.pathname.replace(import.meta.env.BASE_URL, ""); const subpath = pathname.match(/[^\/]+/g); -const isActive = href === pathname || href === '/' + (subpath?.[0] || ''); +const isActive = href === pathname || href === "/" + (subpath?.[0] || ""); --- -<a href={href} class:list={[className, { active: isActive }]} {...props}> - <slot /> +<a + href={"/base/" + href} + class:list={[className, { active: isActive }]} + {...props} +> + <slot /> </a> <style> - a { - display: inline-block; - text-decoration: none; - } - a.active { - font-weight: bolder; - text-decoration: underline; - } + a { + display: inline-block; + text-decoration: none; + } + a.active { + font-weight: bolder; + text-decoration: underline; + } </style> |