fix: spinner

HEIGE-PCloud · Mar 28, 2024 · 0236dbe · 0236dbe
1 parent ea180ca
commit 0236dbe
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -605,6 +605,16 @@ ul {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+@keyframes tw-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.tw-animate-spin {
+  animation: tw-spin 1s linear infinite;
+}
+
 .tw-rounded-full {
   border-radius: 9999px;
 }

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -76,7 +76,7 @@
                     <button class="search-button search-clear" id="search-clear-desktop" title="{{ T `clear` }}">
                         {{ partial "plugin/fontawesome.html" (dict "Style" "solid" "Icon" "times-circle") }}
                     </button>
-                    <span class="search-button search-loading" id="search-loading-desktop">
+                    <span class="search-button search-loading tw-animate-spin" id="search-loading-desktop">
                         {{ partial "plugin/fontawesome.html" (dict "Style" "solid" "Icon" "spinner") }}
                     </span>
                 </span>
@@ -148,7 +148,7 @@
                     <button class="search-button search-clear" id="search-clear-mobile" title="{{ T `clear` }}">
                         {{ partial "plugin/fontawesome.html" (dict "Style" "solid" "Icon" "times-circle") }}
                     </button>
-                    <span class="search-button search-loading" id="search-loading-mobile">
+                    <span class="search-button search-loading tw-animate-spin" id="search-loading-mobile">
                         {{ partial "plugin/fontawesome.html" (dict "Style" "solid" "Icon" "spinner") }}
                     </span>
                 </div>