chore

Author: oopserian

src/components/Developing.tsx

@@ -12,7 +12,7 @@ export const Developing = () => {
                     >   
                     {
                         colors.map((color,index)=>(
-                            <rect x={index * 25} width="25" height="50" fill={color} />
+                            <rect key={index} x={index * 25} width="25" height="50" fill={color} />
                         ))
                     }
                         <animateTransform

src/data/labs/data.json

@@ -27,8 +27,8 @@
         "origin_url": "https://x.com/sovpal/status/1828542375372656894",
         "title": "cd小组件",
         "tags": [
-            "Tailwind",
-            "Motion"
+            "Motion",
+            "Tailwind"
         ]
     },
     "3d-hover-card": {
@@ -38,9 +38,8 @@
         "origin_url": "",
         "title": "3d浮动卡片",
         "tags": [
-            "Tailwind",
             "Motion",
-            "TypeScript"
+            "Tailwind"
         ]
     },
     "css-toast": {
@@ -60,8 +59,8 @@
         "origin_url": "",
         "title": "拖放和堆叠",
         "tags": [
-            "Tailwind",
-            "Motion"
+            "Motion",
+            "Tailwind"
         ]
     }
 }

src/layouts/default.tsx

@@ -20,7 +20,7 @@ const Layout: React.FC = () => {
 const Bg = () => {
     return (
         <div className="fixed w-[60vw] h-[60vw] left-1/4 -top-10 blur-2xl">
-            <p className="w-1/3 h-1/3 rounded-full bg-gradient-to-br from-sky-500 to-sky-400/2 opacity-40 blur-2xl"></p>
+            <p className="w-1/3 h-1/3 rounded-full bg-gradient-to-br from-sky-500 to-sky-400/2 opacity-40 blur-2xl animate-pulse"></p>
             <p style={{ transform: 'rotate3d(1,1,1,230deg)' }} className="absolute -top-1/3 -left-1/3 w-full h-full rounded-full border-[300px] border-sky-400 opacity-30"></p>
         </div>
     )