feat: flip for power claim toast

Signed-off-by: Innei <i@innei.in>
RSSNext · Sep 6, 2024 · 7469ed2 · 7469ed2
1 parent f56201c
commit 7469ed2
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/src/renderer/src/queries/wallet.tsx b/src/renderer/src/queries/wallet.tsx
@@ -89,7 +89,7 @@ export const useClaimWalletDailyRewardMutation = () => {
           className="flex items-center gap-1 text-lg"
           onClick={() => settingModalPresent("wallet")}
         >
-          <i className="i-mgc-power" />
+          <i className="i-mgc-power animate-flip" />
         </div>,
         {
           unstyled: true,

diff --git a/src/renderer/src/styles/tailwind-extend.css b/src/renderer/src/styles/tailwind-extend.css
@@ -359,3 +359,18 @@
     --spring-duration: 1.157s;
   }
 }
+
+@layer utilities {
+  .animate-flip {
+    animation: flip 0.5s ease-in-out infinite;
+  }
+
+  @keyframes flip {
+    0% {
+      transform: rotateY(0deg);
+    }
+    100% {
+      transform: rotateY(180deg);
+    }
+  }
+}