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

fix(machine): show price and balance badges on mobile

Browse source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Patrick Mulligan 2026-03-03 09:17:32 -05:00
commit 45224d2aaf
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
apps/machine/src/App.vue
View file

@ -97,16 +97,16 @@ function toggleLiveServices() {
<div <div
class="fixed right-2 top-2 lg:right-6 lg:top-6 z-50 flex flex-wrap items-center justify-end gap-1 lg:gap-2" class="fixed right-2 top-2 lg:right-6 lg:top-6 z-50 flex flex-wrap items-center justify-end gap-1 lg:gap-2"
> >
<!-- Price and balance: only on idle, hidden on mobile --> <!-- Price and balance: only on idle -->
<Badge <Badge
v-if="atmStore.isIdle && formattedBtcPrice" v-if="atmStore.isIdle && formattedBtcPrice"
class="hidden lg:inline-flex bg-primary/10 font-mono text-primary border border-primary/30 text-base" class="bg-primary/10 font-mono text-primary border border-primary/30 text-[10px] lg:text-base"
> >
{{ formattedBtcPrice }} {{ formattedBtcPrice }}
</Badge> </Badge>
<Badge <Badge
v-if="atmStore.isIdle && atmStore.balanceSats !== null" v-if="atmStore.isIdle && atmStore.balanceSats !== null"
class="hidden lg:inline-flex bg-bitcoin/20 font-mono text-bitcoin border border-bitcoin/30 text-base" class="bg-bitcoin/20 font-mono text-bitcoin border border-bitcoin/30 text-[10px] lg:text-base"
> >
bal: {{ formatSats(atmStore.balanceSats) }} sats bal: {{ formatSats(atmStore.balanceSats) }} sats
</Badge> </Badge>