diff options
| -rw-r--r-- | src/features/pos.js | 2 | ||||
| -rw-r--r-- | src/style.css | 1 |
2 files changed, 2 insertions, 1 deletions
diff --git a/src/features/pos.js b/src/features/pos.js index e6a2abf..9780aa1 100644 --- a/src/features/pos.js +++ b/src/features/pos.js @@ -203,7 +203,7 @@ export function posFeature(ctx) { p.tipMode === 'custom' ? h('div', { class: 'input-group', style: 'width:100%' }, h('input', { type: 'text', inputmode: 'decimal', placeholder: '0', value: p.tipCustom, autofocus: true, onInput: (e) => { p.tipCustom = e.target.value; render(); } }), h('span', { class: 'small muted', style: 'align-self:center;padding:0 8px' }, unitLabel())) : null, - p.tipMode != null ? h('div', { class: 'small muted' }, t('posTotalLine', { n: fmtAmount(bill + tip) + ' ' + unitLabel() })) : null, + p.tipMode != null ? h('div', { class: 'pos-total' }, t('posTotalLine', { n: fmtAmount(bill + tip) + ' ' + unitLabel() })) : null, p.error ? h('div', { class: 'notice error small', style: 'width:100%' }, p.error) : null, h('button', { class: 'btn-primary btn-block', disabled: p.tipMode == null || !!p.busy, onClick: () => makeSale(bill, tip, p.tipMode === 'custom' || p.tipMode === 'none' ? 0 : p.tipMode) }, diff --git a/src/style.css b/src/style.css index 2feab6e..d0d5103 100644 --- a/src/style.css +++ b/src/style.css @@ -598,6 +598,7 @@ hr.divider { margin: 16px 0; } .pos-tip.on { border-color: var(--accent); background: var(--accent); color: var(--accent-fg); } .pos-tip.on .muted { color: inherit; opacity: .8; } .pos-tip-label { font-size: 20px; font-weight: 600; } +.pos-total { font-size: 22px; font-weight: 600; margin-top: 4px; } .pos-qr svg { width: min(260px, 70vw); height: auto; display: block; } .pos-check { width: 64px; height: 64px; border-radius: 50%; background: var(--green, #2e7d32); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 34px; } .pos-sale.faint { opacity: .55; } |