aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/LandingHeader.svelte
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2024-11-26 20:54:49 -0800
committerAdam Soltys <[email protected]>2024-11-26 20:54:49 -0800
commit872aa0b3b0b9a847b8afcdee7f1ad53c524ce4f0 (patch)
tree4d505c5b7c3f137b56c84cfaca12ed486aa4972c /src/components/LandingHeader.svelte
parentf9300236a3c0227e0eec58326fa322e58613bc2d (diff)
downloadcoinos-ui-872aa0b3b0b9a847b8afcdee7f1ad53c524ce4f0.tar.gz
coinos-ui-872aa0b3b0b9a847b8afcdee7f1ad53c524ce4f0.zip
warnings
Diffstat (limited to 'src/components/LandingHeader.svelte')
-rw-r--r--src/components/LandingHeader.svelte12
1 files changed, 4 insertions, 8 deletions
diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte
index c20c80a0..f2c94ade 100644
--- a/src/components/LandingHeader.svelte
+++ b/src/components/LandingHeader.svelte
@@ -7,12 +7,7 @@
import DarkToggle from "$comp/DarkToggle.svelte";
import LocaleSelector from "$comp/LocaleSelector.svelte";
- let {
- howItWorks,
- faq,
- about,
- user
- } = $props();
+ let { howItWorks, faq, about, user } = $props();
let showMobileMenu = $state(false);
let header = $state();
@@ -28,7 +23,7 @@
>
<nav class="block lg:flex justify-between items-center">
<div class="flex justify-start lg:justify-center items-center lg:space-x-5">
- <a href="/" onclick={() => scroll(header)}>
+ <a href="/" onclick={() => scroll(header)} aria-label="Home">
<iconify-icon icon="coinos:logo" width="224"></iconify-icon>
</a>
</div>
@@ -74,13 +69,14 @@
</div>
<button
+ aria-label="Menu"
class="block lg:hidden absolute top-[34.5px] right-10 z"
onclick={() => (showMobileMenu = !showMobileMenu)}
>
<iconify-icon
icon={!showMobileMenu ? "ph:list-bold" : "ph:x-bold"}
width="32"
-></iconify-icon>
+ ></iconify-icon>
</button>
<div