feat(cms): KDS cooking-mode bumps item + modifier visibility
When a card hits `accepted` the items section bumps base font to 1.25rem and modifier/note lines to 1.15rem + medium weight; the muted grey on modifiers drops to inherited color. All via Vue `:style` bindings — class-based CSS rules lose to lnbits' upstream `!important` on Quasar typography utilities (even with our own `!important`), so inline wins without an arms race. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
cbbb3c743b
commit
4739ec0127
3 changed files with 28 additions and 1 deletions
20
docs/cms.md
20
docs/cms.md
|
|
@ -70,6 +70,26 @@ Both use the same data source (`GET /restaurants/{id}/orders`)
|
|||
filtered by status. The KDS view escalates color by age (`>5min`
|
||||
orange, `>15min` red) and offers one-tap state transitions.
|
||||
|
||||
When a card transitions to `accepted` (driven by `cookingMode(order)`
|
||||
in `kds.js`), three inline `:style` bindings kick in:
|
||||
|
||||
- the items `q-card-section` switches base font between `1rem` and
|
||||
`1.25rem`,
|
||||
- the modifier list (`.text-caption.text-grey-7`) bumps to `1.15rem`
|
||||
+ medium weight + `color: inherit` (drops the muted grey),
|
||||
- the per-line note (`.text-caption.text-amber-9`) bumps to `1.15rem`
|
||||
+ medium weight; color is left alone so it stays amber.
|
||||
|
||||
All cooking-mode styling is inline because an upstream `!important`
|
||||
rule (likely an lnbits theme override on Quasar's typography
|
||||
utilities) defeats class-based CSS rules — even with `!important`
|
||||
on our side. Inline `:style` wins without needing the arms race.
|
||||
Card chrome and the age-based `bg-{color}-1` from `cardClass()`
|
||||
are untouched. The amber
|
||||
per-line note keeps its color because only `.text-grey-7` is
|
||||
overridden. No background rules; card chrome and the age-based
|
||||
`bg-{color}-1` from `cardClass()` are untouched.
|
||||
|
||||
Today the monitor + KDS poll every 5–8 s. SSE / Nostr push is on
|
||||
the roadmap.
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue