ChronosXYZ/personal-website-astro
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix headerlink

Browse Source
This commit is contained in:
ChronosXYZ 2024-09-18 23:24:17 +03:00
parent 95b97f05b8
commit 9a3add3f50
Signed by: ChronosXYZ
GPG Key ID: 189BF50EBD342791
2 changed files with 3 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/HeaderLink.astro
View File

@ -6,16 +6,13 @@ const { href, ...props } = Astro.props;
// const isActive = href === pathname || href === '/' + subpath?.[0]; // const isActive = href === pathname || href === '/' + subpath?.[0];
--- ---
<div> <div style={{display: 'flex'}}>
<a href={href} class="header-link"> <a href={href} class="header-link">
<slot /> <slot />
</a> </a>
<span class="menu-separator">|</span> <span class="menu-separator" style={{visibility: props.showSeparator ? 'visible' : 'hidden'}}>|</span>
</div> </div>
<style define:vars={{showSeparator: props.showSeparator}}> <style>
.menu-separator {
visibility: var(--showSeparator, hidden);
}
.header-link { .header-link {
padding: 0 1em; padding: 0 1em;
} }

1
src/styles/global.css
View File

@ -33,7 +33,6 @@ nav {
a { a {
color: var(--accent-color); color: var(--accent-color);
/* text-decoration: none; */
text-underline-offset: 3px; text-underline-offset: 3px;
text-decoration-style: dotted; text-decoration-style: dotted;
text-decoration-color: var(--very-light-grey); text-decoration-color: var(--very-light-grey);