aiolabs/bitspire
9
0
Fork 0
Code Issues 51 Pull requests 3 Projects Releases Packages Wiki Activity Actions

fix(machine): replace remaining hardcoded colors with semantic classes

Browse source 
Replace bg-orange-500 lightning bolt overlay with bg-bitcoin, bg-white
receipt placeholders with bg-qr/text-qr-foreground, and remove redundant
bg-white QR wrappers in IdleView overlays (QRCode.vue already has bg-qr).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Patrick Mulligan 2026-02-27 11:04:19 -05:00
commit 1a452fe7ec
3 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

6
apps/machine/src/views/CashInView.vue
View file

@ -383,7 +383,7 @@ const isProcessing = computed(() => atmStore.isPayingInvoice || atmStore.isReque
class="absolute inset-0 flex items-center justify-center pointer-events-none" class="absolute inset-0 flex items-center justify-center pointer-events-none"
> >
<div <div
class="w-12 h-12 rounded-full bg-orange-500 flex items-center justify-center shadow-lg" class="w-12 h-12 rounded-full bg-bitcoin flex items-center justify-center shadow-lg"
> >
<span class="text-2xl">⚡</span> <span class="text-2xl">⚡</span>
</div> </div>
@ -493,8 +493,8 @@ const isProcessing = computed(() => atmStore.isPayingInvoice || atmStore.isReque
<div class="text-6xl text-success">✅</div> <div class="text-6xl text-success">✅</div>
<CardTitle>Payment Sent!</CardTitle> <CardTitle>Payment Sent!</CardTitle>
<p class="text-muted-foreground">Would you like a receipt?</p> <p class="text-muted-foreground">Would you like a receipt?</p>
<div class="flex h-32 w-32 items-center justify-center rounded-lg bg-white"> <div class="flex h-32 w-32 items-center justify-center rounded-lg bg-qr">
<p class="text-black">📱 Scan npub</p> <p class="text-qr-foreground">📱 Scan npub</p>
</div> </div>
<Button variant="outline" @click="skipReceipt">No Thanks</Button> <Button variant="outline" @click="skipReceipt">No Thanks</Button>
</CardContent> </CardContent>

4
apps/machine/src/views/CashOutView.vue
View file

@ -323,8 +323,8 @@ function formatFiat(cents: number): string {
<p class="text-sm text-muted-foreground"> <p class="text-sm text-muted-foreground">
Scan your npub to receive a Nostr DM receipt Scan your npub to receive a Nostr DM receipt
</p> </p>
<div class="flex h-32 w-32 items-center justify-center rounded-lg bg-white"> <div class="flex h-32 w-32 items-center justify-center rounded-lg bg-qr">
<p class="text-black">📱 Scan npub</p> <p class="text-qr-foreground">📱 Scan npub</p>
</div> </div>
<Button variant="outline" @click="skipReceipt">No Thanks</Button> <Button variant="outline" @click="skipReceipt">No Thanks</Button>
</CardContent> </CardContent>

4
apps/machine/src/views/IdleView.vue
View file

@ -156,7 +156,7 @@ function handleCashOut() {
@click.self="showZeusQR = false" @click.self="showZeusQR = false"
> >
<p class="text-sm text-white/70">Scan with Zeus to connect to lnd-alice</p> <p class="text-sm text-white/70">Scan with Zeus to connect to lnd-alice</p>
<div class="rounded-2xl bg-white p-3 sm:p-4"> <div class="rounded-2xl">
<QRCode :value="lndconnectUrl" :size="280" class="sm:hidden" /> <QRCode :value="lndconnectUrl" :size="280" class="sm:hidden" />
<QRCode :value="lndconnectUrl" :size="400" class="hidden sm:block" /> <QRCode :value="lndconnectUrl" :size="400" class="hidden sm:block" />
</div> </div>
@ -182,7 +182,7 @@ function handleCashOut() {
@click.self="showLpQR = false" @click.self="showLpQR = false"
> >
<p class="text-sm text-white/70">Lightning.Pub nprofile</p> <p class="text-sm text-white/70">Lightning.Pub nprofile</p>
<div class="rounded-2xl bg-white p-3 sm:p-4"> <div class="rounded-2xl">
<QRCode :value="lpNprofile" :size="280" class="sm:hidden" /> <QRCode :value="lpNprofile" :size="280" class="sm:hidden" />
<QRCode :value="lpNprofile" :size="400" class="hidden sm:block" /> <QRCode :value="lpNprofile" :size="400" class="hidden sm:block" />
</div> </div>