Move Reset button to bottom of sidebar
Build & Deploy / build-and-deploy (push) Successful in 49s

This commit is contained in:
Hermes Agent
2026-05-28 23:58:10 +02:00
parent 13293b325e
commit 3f69820911
+15 -18
View File
@@ -205,11 +205,6 @@
<div class="library-layout">
<!-- ─── Filter Sidebar ─────────────────────────── -->
<aside class="sidebar" class:sidebar-active={hasActiveFilters()}>
<div class="sidebar-header">
{#if hasActiveFilters()}
<button class="btn btn-sm btn-reset" onclick={resetFilters}> Reset</button>
{/if}
</div>
<!-- Search box -->
<div class="sidebar-search">
@@ -270,6 +265,12 @@
{/if}
{/if}
</div>
{#if hasActiveFilters()}
<div class="sidebar-reset">
<button class="btn btn-sm btn-reset" onclick={resetFilters}> Reset</button>
</div>
{/if}
</aside>
<!-- ─── Main Content ──────────────────────────── -->
@@ -461,25 +462,21 @@
max-height: none;
}
}
.sidebar-header {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 12px;
}
.sidebar-header h2 {
color: var(--phosphor);
font-family: var(--font-mono);
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.sidebar-search {
margin-bottom: 16px;
}
.sidebar-search input {
width: 100%;
}
.sidebar-reset {
margin-top: 20px;
padding-top: 16px;
border-top: 1px solid var(--border);
}
.sidebar-reset .btn-reset {
width: 100%;
justify-content: center;
}
.filter-group {
margin-bottom: 20px;
}