✨ feat: Loading Common

2025-07-22 20:26:49 +00:00 · 2021-09-08 14:28:47 +07:00
parent 943c739143
commit 1cc64c6fd0
2 changed files with 57 additions and 0 deletions
--- a/src/components/common/LoadingCommon/LoadingCommon.module.scss
+++ b/src/components/common/LoadingCommon/LoadingCommon.module.scss
@@ -0,0 +1,31 @@
+@import '../../../styles/utilities';
+
+.loadingCommon:empty {
+    @apply bg-white;
+    border-radius: 50%;
+    border: .7rem solid var(--primary-lightest);
+    border-top: .7rem solid var(--primary);
+    animation: spin 2s linear infinite;
+    margin: auto;
+
+    @keyframes spin {
+        0% { transform: rotate(0deg); }
+        100% { transform: rotate(360deg); }
+    }
+    
+
+    &.small {
+        height: 5rem;
+        width: 5rem;
+    }
+
+    &.default {
+        height: 7rem;
+        width: 7rem;
+    }
+
+    &.large {
+        height: 10rem;
+        width: 10rem;
+    }
+}