fix: mugikor menuaren maketazioa hobetzen du
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
const { href, class: className, ...props } = Astro.props;
|
const { href, class: className, ...props } = Astro.props;
|
||||||
let isActive;
|
let isActive: boolean;
|
||||||
|
|
||||||
if (href === "/") {
|
if (href === "/") {
|
||||||
isActive = Astro.url.pathname === href;
|
isActive = Astro.url.pathname === href;
|
||||||
@@ -13,6 +13,7 @@ if (href === "/") {
|
|||||||
<a href={href} class:list={[className, { active: isActive }]} {...props}>
|
<a href={href} class:list={[className, { active: isActive }]} {...props}>
|
||||||
<slot />
|
<slot />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
a {
|
a {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|||||||
@@ -136,11 +136,13 @@ nav {
|
|||||||
background: var(--transwhite);
|
background: var(--transwhite);
|
||||||
-webkit-backdrop-filter: blur(1px);
|
-webkit-backdrop-filter: blur(1px);
|
||||||
backdrop-filter: blur(1px);
|
backdrop-filter: blur(1px);
|
||||||
|
padding-top: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a {
|
nav a {
|
||||||
margin: 25px 0;
|
margin-bottom: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a:not(:last-child) {
|
nav a:not(:last-child) {
|
||||||
padding: 0 12px 0 0;
|
padding: 0 12px 0 0;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user