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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user