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

KDS: brighten modifier, remark, and badge text for visibility

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

8
kds/index.html
View file

@ -48,15 +48,15 @@
.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; }
.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: #888; cursor: pointer; }
.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); }
.mod-extras { margin-left: 12px; margin-top: 6px; overflow: hidden; max-height: 0; transition: max-height 0.3s ease; }
.mod-extras.open { max-height: 500px; }
.modifiers { }
.modifier { font-size: 12px; color: #555; margin-bottom: 3px; padding-left: 10px; border-left: 1px solid #333; }
.item-remark { margin-top: 6px; padding: 6px 8px; background: #1a1500; border-left: 2px solid #f59e0b; font-size: 12px; color: #a58a2a; font-style: italic; }
.order-remarks { margin-bottom: 12px; padding: 8px; background: #1a0a0a; border-left: 2px solid #ef4444; font-size: 12px; color: #a55; font-style: italic; }
.modifier { font-size: 12px; color: #9a9a9a; margin-bottom: 3px; padding-left: 10px; border-left: 1px solid #444; }
.item-remark { margin-top: 6px; padding: 6px 8px; background: #1a1500; border-left: 2px solid #f59e0b; font-size: 12px; color: #d4b44a; font-style: italic; }
.order-remarks { margin-bottom: 12px; padding: 8px; background: #1a0a0a; border-left: 2px solid #ef4444; font-size: 12px; color: #d47; font-style: italic; }
.action-buttons { display: flex; gap: 8px; }
.btn { flex: 1; padding: 10px; border: none; border-radius: 6px; font-size: 12px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; }