Theaninova/DeviceManager
1
0
Fork 0
mirror of https://github.com/CharaChorder/DeviceManager.git synced 2026-01-20 17:03:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

pwa adjustments

Browse Source
This commit is contained in:
Thea Schöbl
2023-07-06 00:24:33 +02:00
parent 0e19b7b0d3
commit 5a7c4df70a
4 changed files with 48 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/routes/config/+layout.svelte
View File

@@ -1,19 +1,20 @@
<script>
import {page} from "$app/stores"
const paths = [
{href: "/config/chords", title: "Chords", icon: "piano"},
{href: "/config/layout", title: "Layout", icon: "keyboard"},
{href: "/config/settings", title: "Settings", icon: "settings"},
]
</script>
<nav>
<a href="/config/chords" class:active={$page.url.pathname.endsWith("chords/")}>
<span class="icon">piano</span>Chords
</a>
<a href="/config/layout" class:active={$page.url.pathname.endsWith("layout/")}>
<span class="icon">keyboard</span>
Layout
</a>
<a href="/config/settings" class:active={$page.url.pathname.endsWith("settings/")}>
<span class="icon">settings</span>
Settings
</a>
{#each paths as { href, title, icon }}
<a {href} class:active={$page.url.pathname === href}>
<span class="icon">{icon}</span>
{title}
</a>
{/each}
</nav>
<slot />