feat: add animation

HelheimLabs · Apr 14, 2024 · b0a4369 · b0a4369
1 parent ca1f1c3
commit b0a4369
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/packages/client/src/component/March.tsx b/packages/client/src/component/March.tsx
@@ -93,7 +93,7 @@ export function March({
     >
       {inComing.map((i) => (
         <a
-          className="m-2"
+          className="m-2 animate-blink"
           id={i.messageId}
           href={`https://ccip.chain.link/msg/${i.messageId}`}
         >

diff --git a/packages/client/tailwind.config.js b/packages/client/tailwind.config.js
@@ -2,7 +2,17 @@
 export default {
   content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
-    extend: {},
+    extend: {
+      keyframes: {
+        blink: {
+          "0%, 100%": { opacity: "1" },
+          "50%": { opacity: "0" },
+        },
+      },
+      animation: {
+        blink: "blink 2s linear infinite",
+      },
+    },
   },
   plugins: [require("daisyui")],
   daisyui: {