ArkHost/HelixNotes
1
0
Fork 0
mirror of https://gitlab.com/ArkHost/HelixNotes.git synced 2026-07-23 23:35:57 +02:00
Code Issues Projects Releases Wiki Activity

Show current vault indication in vault picker (#124)

Browse Source
This commit is contained in:
Yuri Karamian
2026-06-18 13:08:34 +02:00
parent 80bdabaf1b
commit 93122ade7b
1 changed files with 20 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/VaultPicker.svelte
+20 -2
View File
@@ -215,8 +215,8 @@
<span class="recent-label">Recent</span>
{#each recentVaults as vault}
<div class="vault-row">
<button class="vault-item" onclick={() => openSelectedVault(vault.path)}>
<span class="vault-name">{vault.name}</span>
<button class="vault-item" class:current={vault.path === $appConfig?.active_vault} onclick={() => openSelectedVault(vault.path)}>
<span class="vault-name">{vault.name}{#if vault.path === $appConfig?.active_vault}<span class="vault-current-badge">Current</span>{/if}</span>
<span class="vault-path">{vault.path}</span>
</button>
<button class="vault-remove" title="Remove from list" aria-label="Remove from list" onclick={() => forgetVault(vault.path)}>
@@ -389,6 +389,24 @@
background: var(--bg-hover);
}
.vault-item.current {
border-color: var(--accent);
}
.vault-current-badge {
display: inline-block;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--accent);
background: color-mix(in srgb, var(--accent) 12%, transparent);
padding: 2px 7px;
border-radius: 10px;
margin-left: 8px;
vertical-align: middle;
}
.vault-name {
display: block;
font-weight: 500;