add svg favicon + toolbar logo; set theme before paint

- favicon.svg (beer mug), linked from both entry points and shown in
  the tablet topbar next to the bar name
- inline data-theme in <head> kills the flash of dark on light-mode load
- hide the "Pfand zurück" tile when the bar has no Pfand
This commit is contained in:
müde 2026-06-14 22:55:15 +02:00
commit 6a0d30c8b5
5 changed files with 44 additions and 6 deletions

View file

@ -78,7 +78,10 @@ export function Sale({ config, onChangeBar }: Props) {
return (
<div class="tablet">
<div class="topbar">
<div class="bar-name">{bar.name}</div>
<div class="brand">
<img class="logo" src="/favicon.svg" alt="" width="28" height="28" />
<span class="bar-name">{bar.name}</span>
</div>
<button class="change" onClick={onChangeBar}>Bar wechseln</button>
</div>
@ -92,10 +95,12 @@ export function Sale({ config, onChangeBar }: Props) {
)}
</button>
))}
<button class="drink pfand-return" onClick={addPfandReturn}>
<div class="name">Pfand zurück</div>
<div class="price">{formatCents(bar.pfand_cents)}</div>
</button>
{bar.pfand_cents > 0 && (
<button class="drink pfand-return" onClick={addPfandReturn}>
<div class="name">Pfand zurück</div>
<div class="price">{formatCents(bar.pfand_cents)}</div>
</button>
)}
</div>
<div class="cart">