admin/wordarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

add(ui/ux): bulk delete

Browse Source
This commit is contained in:
Steppenstreuner
2026-08-28 18:11:15 +02:00
parent f809bbcc40
commit 034ecad644
3 changed files with 80 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+16
View File
@@ -55,6 +55,22 @@ button:disabled { opacity: 0.6; cursor: default; }
.mono { font-family: ui-monospace, monospace; font-size: 0.85rem; word-break: break-all; }
.subpath { color: var(--muted); font-size: 0.75rem; font-family: ui-monospace, monospace; }
/* view modes (Missing/Importiert) */
.view-toggle { display: flex; gap: 0; border: 1px solid var(--border); border-radius: 4px; overflow: hidden; margin-left: auto; }
.view-toggle button { background: var(--panel); color: var(--muted); padding: 0.45rem 0.7rem; border-radius: 0; }
.view-toggle button.active { background: var(--accent); color: #fff; }
.cards.view-large { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.cards.view-large .card img, .cards.view-large .nocover { width: 90px; height: 135px; }
.cards.view-small { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
.cards.view-small .card img, .cards.view-small .nocover { width: 45px; height: 68px; }
.cards.view-small .card { padding: 0.5rem; gap: 0.6rem; }
.cards.view-small .card-body { font-size: 0.88rem; gap: 0.15rem; }
.cards.view-list { grid-template-columns: 1fr; gap: 0.25rem; }
.cards.view-list .card { padding: 0.35rem 0.6rem; gap: 0.6rem; align-items: center; border-radius: 4px; }
.cards.view-list .card img, .cards.view-list .nocover { width: 28px; height: 42px; font-size: 0.9rem; }
.cards.view-list .card-body { flex-direction: row; align-items: baseline; gap: 0.7rem; flex-wrap: wrap; }
.cards.view-list .card-check { position: static; margin-left: auto; flex-shrink: 0; }
/* tables */
.table-scroll { overflow: auto; max-height: 70vh; margin-bottom: 1rem; border: 1px solid var(--border); border-radius: 6px; }
table { width: 100%; border-collapse: collapse; background: var(--panel); }