navbar fixes

This commit is contained in:
Henri
2025-11-21 20:10:05 +02:00
parent 8c18827dc5
commit aae22efcaa
11 changed files with 358 additions and 112 deletions

View File

@@ -1,8 +1,10 @@
<script>
// Handler and presentation props
export let onClick = () => {};
export let border = false;
</script>
<button onclick={onClick} class="btn">
<button onclick={onClick} class="btn" class:borderless={!border} {...$$restProps}>
<slot />
</button>
@@ -12,15 +14,18 @@
color: var(--black);
border-radius: 8px;
border: 1.5px solid transparent;
border-color: var(--orange);
padding: 0.6em 1.2em;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5em;
}
.btn:not(.borderless) {
border-color: var(--orange);
}
.btn:hover {
background: var(--orange);
}