payfrit/payfrit-biz
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

KDS: brighten order header, info, elapsed time, and quantity text

Browse source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
John Mizerek 2026-03-12 12:11:33 -07:00
parent c00c4b08a2
commit 01ac523f91
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
kds/index.html
View file

@ -30,24 +30,24 @@
.order-card.ready { border-left-color: #22c55e; }
.order-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #222; }
.order-number { font-size: 18px; font-weight: 600; color: #888; }
.order-number { font-size: 18px; font-weight: 600; color: #aaa; }
.order-time { text-align: right; }
.elapsed-time { font-size: 16px; font-weight: 500; color: #555; margin-bottom: 2px; }
.elapsed-time { font-size: 16px; font-weight: 500; color: #888; margin-bottom: 2px; }
.elapsed-time.warning { color: #f59e0b; }
.elapsed-time.critical { color: #ef4444; animation: blink 1s ease-in-out infinite; }
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
.submit-time { font-size: 11px; color: #444; }
.submit-time { font-size: 11px; color: #666; }
.order-info { margin-bottom: 12px; font-size: 13px; color: #555; }
.order-info { margin-bottom: 12px; font-size: 13px; color: #999; }
.order-info div { margin-bottom: 3px; }
.order-info strong { color: #666; }
.order-info strong { color: #aaa; }
.line-items { margin-bottom: 15px; }
.line-item { margin-bottom: 10px; padding: 10px; background: #0a0a0a; border-radius: 6px; }
.line-item-main { display: flex; justify-content: space-between; align-items: flex-start; }
.line-item-main.has-extras { cursor: pointer; }
.item-name { font-size: 14px; font-weight: 500; color: #aaa; flex: 1; }
.item-qty { font-size: 14px; font-weight: 600; color: #666; margin-left: 10px; }
.item-qty { font-size: 14px; font-weight: 600; color: #888; margin-left: 10px; }
.mod-badge { display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; padding: 1px 6px; background: #1a1a2e; border-radius: 10px; font-size: 11px; color: #aaa; cursor: pointer; }
.mod-badge .chevron { font-size: 10px; transition: transform 0.2s; }
.mod-badge .chevron.open { transform: rotate(180deg); }