Button sizes, ghost and toggle state, compact/flush/alt cards, drop zone, kbd

Everything asger.weirsøe.dk still wrote by hand: call-to-action buttons,
filter buttons with aria-pressed, the big input next to them, compact and
table-wrapping cards, the chat's second voice, the file drop area and the
shortcut key. Additive only.

Claude-Session: https://claude.ai/code/session_012LCTmU2ewo8tnM1dByYAoG
This commit is contained in:
Asger Geel Weirsøe
2026-10-29 18:40:00 +01:00
parent b4cad8fef3
commit 495acc9155
4 changed files with 50 additions and 3 deletions
+11
View File
@@ -37,6 +37,17 @@
<button class="wt-btn" onclick="weirsoeTheme.set('terminal')">terminal-tema</button>
</div>
<div class="row" style="margin-bottom:1.5rem">
<button class="wt-btn wt-btn--primary wt-btn--lg">Stor primær</button>
<input class="wt-input wt-input--lg" placeholder="Samme højde">
<button class="wt-btn wt-btn--ghost wt-btn--sm" aria-pressed="true">Alle</button>
<button class="wt-btn wt-btn--ghost wt-btn--sm" aria-pressed="false">Filter</button>
<span class="wt-tag wt-tag--accent">fremhævet</span>
<span>Søg: <kbd class="wt-kbd">Ctrl K</kbd></span>
</div>
<div class="wt-dropzone" style="margin-bottom:1.5rem">Slip en fil her</div>
<div class="grid">
<div class="wt-card wt-card--hover"><h2>Ønske</h2><p class="wt-muted">Et kort med hover-løft.</p></div>
<div class="wt-card wt-card--hover"><h2>Liste</h2><p class="wt-muted">Kort-baseret layout.</p></div>