From 77694cb60daccdc80ba4703e8d8a76c9c502e923 Mon Sep 17 00:00:00 2001
From: Aralhi <xiaoping0501@gmail.com>
Date: Wed, 3 Jan 2024 00:08:07 +0800
Subject: [PATCH] feat: use tailwindcss animate

---
 web/components/knowledge/segmentation.tsx | 2 +-
 web/styles/globals.css                    | 3 ---
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/web/components/knowledge/segmentation.tsx b/web/components/knowledge/segmentation.tsx
index fcf7606a4..38bb8fb19 100644
--- a/web/components/knowledge/segmentation.tsx
+++ b/web/components/knowledge/segmentation.tsx
@@ -142,7 +142,7 @@ export default function Segmentation(props: IProps) {
       case 'FINISHED':
         return <Icon component={DoneIcon} />;
       case 'RUNNING':
-        return <Icon className="rotate-animation" component={SyncIcon} />;
+        return <Icon className="animate-spin animate-infinite" component={SyncIcon} />;
       case 'FAILED':
         return <Icon component={FileError} />;
       default:
diff --git a/web/styles/globals.css b/web/styles/globals.css
index 929f88287..d5ca26b8a 100644
--- a/web/styles/globals.css
+++ b/web/styles/globals.css
@@ -69,6 +69,3 @@ table tr td {
     transform: rotate(360deg);
   }
 }
-.rotate-animation {
-  animation: rotate 2s linear infinite;
-}