From 8dea9e9242aca8bf003a7c2f69c96abafbf77e6d Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Mon, 10 Apr 2023 16:29:48 +0700
Subject: page loader

---
 src/styles/globals.css | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

(limited to 'src/styles/globals.css')

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 551ff057..d97843a9 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -133,7 +133,7 @@ button {
     .btn-yellow {
         @apply bg-warning-500
             border-warning-500
-            hover:bg-warning-600
+            hover:bg-warning-500/80
             disabled:text-gray_r-10
             disabled:bg-warning-200
             disabled:border-warning-200;
@@ -151,7 +151,7 @@ button {
         @apply bg-danger-500
             border-danger-500
             text-gray_r-1
-            hover:bg-danger-600
+            hover:bg-danger-500/80
             disabled:text-gray_r-1
             disabled:bg-danger-200
             disabled:border-danger-200;
@@ -602,3 +602,20 @@ button {
         duration-100 
         font-normal;
 }
+
+@keyframes page-loader {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+.page-loader {
+    animation-name: page-loader;
+    animation-duration: 1000ms;
+    animation-delay: 50ms;
+    animation-timing-function: ease-in-out;
+    animation-iteration-count: infinite;
+}
-- 
cgit v1.2.3