Townsfolk: food variety icons, plain labels
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
parent
a8a3a45846
commit
b385012c45
3 changed files with 16 additions and 4 deletions
|
|
@ -886,4 +886,9 @@ button.swatch { width: 36px; height: 36px; }
|
|||
.needs { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
|
||||
.need-head { display: flex; justify-content: space-between; margin-bottom: 8px; }
|
||||
.req.dim { opacity: .6; }
|
||||
.food-kinds { grid-column: 2 / 4; display: flex; flex-wrap: wrap; gap: 3px; font-size: 16px; }
|
||||
.food-kinds > span { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px;
|
||||
border: 1px solid var(--line); border-radius: 7px; background: var(--panel-2); }
|
||||
.food-kinds > span.missing { background: none; border-style: dashed; border-color: rgba(226, 100, 92, .35); }
|
||||
.food-kinds .missing .gi { color: var(--bad) !important; opacity: .3; }
|
||||
.mood-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue