page loader

1 files changed, 19 insertions, 2 deletions

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;
+}