From 11d70a894ddbace6767316b9696aa1489e1b2892 Mon Sep 17 00:00:00 2001
From: 6543 <6543@obermui.de>
Date: Tue, 9 Jan 2024 15:42:23 +0100
Subject: [PATCH] use animate-spin class (#3150)

---
 .../components/repo/pipeline/PipelineStatusIcon.vue |  2 +-
 web/src/style.css                                   | 13 -------------
 2 files changed, 1 insertion(+), 14 deletions(-)

diff --git a/web/src/components/repo/pipeline/PipelineStatusIcon.vue b/web/src/components/repo/pipeline/PipelineStatusIcon.vue
index 3de97a849..c2192e92a 100644
--- a/web/src/components/repo/pipeline/PipelineStatusIcon.vue
+++ b/web/src/components/repo/pipeline/PipelineStatusIcon.vue
@@ -11,7 +11,7 @@
         'text-wp-state-ok-100': pipelineStatusColors[status] === 'green',
         'text-wp-state-info-100': pipelineStatusColors[status] === 'blue',
         'text-wp-state-warn-100': pipelineStatusColors[status] === 'orange',
-        'rotate-animation': service && pipelineStatusColors[status] === 'blue',
+        'animate-spin': service && pipelineStatusColors[status] === 'blue',
       }"
     />
   </div>
diff --git a/web/src/style.css b/web/src/style.css
index 8ad2e6376..0855c2ef1 100644
--- a/web/src/style.css
+++ b/web/src/style.css
@@ -150,16 +150,3 @@ body,
 .code-box-inline {
   @apply bg-wp-code-200 rounded-md text-wp-code-text-100;
 }
-
-/* TODO(2194): https://tailwindcss.com/docs/animation */
-@keyframes rotate-kf {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-.rotate-animation {
-  animation: rotate-kf 2s linear infinite;
-}