diff --git a/apps/machine/src/style.css b/apps/machine/src/style.css index 42886ac..a6052e1 100644 --- a/apps/machine/src/style.css +++ b/apps/machine/src/style.css @@ -526,39 +526,32 @@ animation: float 3s ease-in-out infinite; } -/* Hourglass 45-degree step rotation */ -@keyframes hourglass { +/* Pickaxe mining swing */ +@keyframes pickaxe { 0% { transform: rotate(0deg); } - 12.5% { - transform: rotate(45deg); + 20% { + transform: rotate(15deg); } - 25% { - transform: rotate(90deg); + 40% { + transform: rotate(-60deg); } - 37.5% { - transform: rotate(135deg); + 45% { + transform: rotate(-30deg); } 50% { - transform: rotate(180deg); - } - 62.5% { - transform: rotate(225deg); - } - 75% { - transform: rotate(270deg); - } - 87.5% { - transform: rotate(315deg); + transform: rotate(-30deg); } 100% { - transform: rotate(360deg); + transform: rotate(0deg); } } -@utility animate-hourglass { - animation: hourglass 4s steps(8) infinite; +@utility animate-pickaxe { + animation: pickaxe 0.8s ease-in-out infinite; + transform-origin: bottom right; + display: inline-block; } /* Monospace utility for addresses/codes */ diff --git a/apps/machine/src/views/CashInView.vue b/apps/machine/src/views/CashInView.vue index b26752b..c6c49d1 100644 --- a/apps/machine/src/views/CashInView.vue +++ b/apps/machine/src/views/CashInView.vue @@ -6,7 +6,6 @@ import { Button } from '@/components/ui/button' import { Alert, AlertDescription } from '@/components/ui/alert' import { Input } from '@/components/ui/input' import QRCode from '@/components/QRCode.vue' -import BounceDots from '@/components/BounceDots.vue' import StepIndicator from '@/components/StepIndicator.vue' const router = useRouter() @@ -197,7 +196,7 @@ const isProcessing = computed(() => atmStore.isPayingInvoice) key="fetchingRate" class="flex flex-1 flex-col items-center justify-center gap-6" > - + ⛏️

Fetching exchange rate...

@@ -301,7 +300,7 @@ const isProcessing = computed(() => atmStore.isPayingInvoice) key="generatingNdebit" class="flex flex-1 flex-col items-center justify-center gap-6" > - + ⛏️

Preparing your withdraw code...

@@ -327,7 +326,7 @@ const isProcessing = computed(() => atmStore.isPayingInvoice)
- + ⛏️

Waiting for wallet scan...

@@ -365,13 +364,13 @@ const isProcessing = computed(() => atmStore.isPayingInvoice) class="flex w-full lg:w-[48%] flex-col items-center justify-center bg-foreground/5 p-4 lg:p-6" >
- + ⛏️
- + ⛏️

Generating...

diff --git a/apps/machine/src/views/CashOutView.vue b/apps/machine/src/views/CashOutView.vue index adc995f..8176fa1 100644 --- a/apps/machine/src/views/CashOutView.vue +++ b/apps/machine/src/views/CashOutView.vue @@ -6,7 +6,6 @@ import { Button } from '@/components/ui/button' import { Badge } from '@/components/ui/badge' import { Alert, AlertDescription } from '@/components/ui/alert' import QRCode from '@/components/QRCode.vue' -import BounceDots from '@/components/BounceDots.vue' import StepIndicator from '@/components/StepIndicator.vue' const router = useRouter() @@ -163,7 +162,7 @@ function formatFiat(cents: number): string { key="fetchingRate" class="flex flex-1 flex-col items-center justify-center gap-6" > - + ⛏️

Fetching exchange rate...

@@ -270,7 +269,7 @@ function formatFiat(cents: number): string { key="generatingInvoice" class="flex flex-1 flex-col items-center justify-center gap-6" > - + ⛏️

Creating invoice...

@@ -297,7 +296,7 @@ function formatFiat(cents: number): string {
- + ⛏️

Waiting for payment...

@@ -334,7 +333,7 @@ function formatFiat(cents: number): string {
- + ⛏️

Generating invoice...

@@ -346,7 +345,7 @@ function formatFiat(cents: number): string { key="dispensingCash" class="flex flex-1 flex-col items-center justify-center gap-6" > - + ⛏️

Dispensing cash...

Please wait