fix(fusion_clock): NFC kiosk visual polish — bigger chip, uncut waves, logo glass pill, no clock collision

This commit is contained in:
gsinghpal
2026-05-14 08:29:33 -04:00
parent 94249ba67d
commit bad73fcea8
2 changed files with 35 additions and 24 deletions

View File

@@ -134,14 +134,14 @@
stateContainer.innerHTML = `
<div class="nfc-kiosk__idle">
<svg class="nfc-kiosk__icon-svg" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<circle class="nfc-wave nfc-wave-3" cx="100" cy="100" r="92"
<circle class="nfc-wave nfc-wave-3" cx="100" cy="100" r="98"
stroke="currentColor" stroke-width="4" fill="none"/>
<circle class="nfc-wave nfc-wave-2" cx="100" cy="100" r="70"
<circle class="nfc-wave nfc-wave-2" cx="100" cy="100" r="78"
stroke="currentColor" stroke-width="4" fill="none"/>
<circle class="nfc-wave nfc-wave-1" cx="100" cy="100" r="48"
<circle class="nfc-wave nfc-wave-1" cx="100" cy="100" r="58"
stroke="currentColor" stroke-width="4" fill="none"/>
<rect class="nfc-chip" x="80" y="80" width="40" height="40"
rx="8" fill="currentColor"/>
<rect class="nfc-chip" x="68" y="68" width="64" height="64"
rx="11" fill="currentColor"/>
</svg>
<div class="nfc-kiosk__prompt">Tap your card to clock in or out</div>
</div>