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...
Generating...
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...
Generating invoice...
Dispensing cash...
Please wait