Replace hourglass loading animation with pickaxe mining animation #33
Loading…
Add table
Add a link
Reference in a new issue
No description provided.
Delete branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Replace the current rotating hourglass emoji (
⏳) used as a loading indicator with a pickaxe making a mining animation. This would be more thematic for a Bitcoin ATM.Current behavior
Loading states (generatingNdebit, sendingReceipt, displayingQR "waiting for payment") use a rotating hourglass emoji with a 45-degree step rotation animation (
animate-hourglass).Desired behavior
Replace with a pickaxe (⛏️) animation that simulates a mining motion — e.g., swinging down and resetting, or striking repeatedly. Should feel subtle but on-theme.
Files involved
apps/machine/src/views/CashInView.vue— usesanimate-hourglassclass on⏳apps/machine/src/style.css— defines@keyframes hourglassand@utility animate-hourglassResolved in
de6a955— replaced all BounceDots loading indicators with pickaxe mining animation across cash-in and cash-out views