fix(vault): let the list toolbar wrap instead of overflowing (#348)

.list-head is a single-line flex row whose buttons are nowrap and
cannot shrink below their labels. The duplicates view adds a detection
mode select and a Select-duplicates button to the standard
search/sort/sync set, exceeding the list column (capped at 540px on
desktop), so the shrinkable controls crush to slivers and the fixed
buttons overlap and spill out of the column. Allow wrapping: views
that fit stay on one line; crowded toolbars flow to a second row.
Mobile is unaffected (it switches .list-head to its own grid).
This commit is contained in:
Cordero Core
2026-08-10 19:39:36 +08:00
committed by GitHub
parent ecc0d134ac
commit 38b0ff6263
+1 -1
View File
@@ -230,7 +230,7 @@ select.input.duplicate-mode-toolbar-select {
} }
.list-head { .list-head {
@apply mb-1.5 flex items-center gap-2; @apply mb-1.5 flex flex-wrap items-center gap-2;
min-height: 34px; min-height: 34px;
} }