diff options
| author | Furkan Sahin <furkan-dev@proton.me> | 2022-06-03 14:56:05 -0500 |
|---|---|---|
| committer | Furkan Sahin <furkan-dev@proton.me> | 2022-06-03 14:56:05 -0500 |
| commit | 3fc1d1b7c2c7fd389878cff1bc4414458c167e31 (patch) | |
| tree | 3cf7152a0daeb80584f9c2755374f23193cbd815 /src/components/Sidebar.svelte | |
| parent | 24d29149373fd63b8f85257868832965c152cadb (diff) | |
keep selected section highlighted
Diffstat (limited to 'src/components/Sidebar.svelte')
| -rw-r--r-- | src/components/Sidebar.svelte | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/src/components/Sidebar.svelte b/src/components/Sidebar.svelte index a650ab2..06cbba2 100644 --- a/src/components/Sidebar.svelte +++ b/src/components/Sidebar.svelte @@ -37,9 +37,12 @@ <!-- Sidebar sections --> <div class="flex-col overflow-y-auto"> <ul class="menu bg-base-100 w-full text-xl"> - {#each sections as sec, i} + {#each sections as sec} <li> - <div class="" on:click={() => chooseSection(sec)}> + <div + class={selected == sec ? "active" : ""} + on:click={() => chooseSection(sec)} + > {sec.name} </div> </li> |