Crafting cards: one-row buttons, list all missing reagents
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
parent
a205d429bd
commit
377f534f6b
3 changed files with 20 additions and 9 deletions
|
|
@ -225,7 +225,16 @@ span[data-goto]:not(.item-chip):hover, b[data-goto]:hover { text-decoration: und
|
|||
.bar.hp > span { background: var(--bad); }
|
||||
.warn { color: var(--warn); }
|
||||
select { background: var(--bg); border: 1px solid var(--line); border-radius: 8px; padding: 5px 8px; margin-left: 6px; }
|
||||
.action .foot { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: auto; }
|
||||
.action .foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; margin-top: auto; }
|
||||
/* The reason gets its own line when it and the buttons don't fit side by side; the buttons stay one row. */
|
||||
.action .foot .why:empty { display: none; }
|
||||
.action .foot > .btns { flex-wrap: nowrap; }
|
||||
.action .foot > :last-child { margin-left: auto; }
|
||||
.action { container-type: inline-size; }
|
||||
@container (max-width: 270px) {
|
||||
.action .foot .btn { padding-inline: 9px; }
|
||||
.action .foot .make input { width: 48px; padding-inline: 6px; }
|
||||
}
|
||||
|
||||
/* --- bank ------------------------------------------------------------- */
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue