✨ feat: Loading Common

src/components/common/LoadingCommon/LoadingCommon.module.scss

@@ -7,11 +7,15 @@
         @apply bg-white;
         height: 7rem;
         width: 7rem;
-        border-radius: 50%;
         animation: spin 2s linear infinite;
         margin: auto;
         background: url('./assets/carrot.png') top 50% left 50% no-repeat;
     }
+
+    .text {
+        @apply font-bold;
+        color: var(--primary);
+    }
 }
 
 @keyframes spin {

src/components/common/LoadingCommon/LoadingCommon.tsx

@@ -6,9 +6,8 @@ const LoadingCommon = () => {
     return (
         <div className={s.wrapper}>
             <div className={s.loadingCommon}>
-            
             </div>
-            <p>Loading...</p>
+            <p className={s.text}>Loading...</p>
         </div>
     )
 }