fix: 불필요한 스타일 삭제 및 개선

wafflestudio · Feb 6, 2025 · 3667d20 · 3667d20
1 parent b2cdcba
commit 3667d20
Showing 1 changed file with 29 additions and 3 deletions.
diff --git a/src/pages/OAuthCallback.tsx b/src/pages/OAuthCallback.tsx
@@ -27,10 +27,36 @@ const OAuthCallback = () => {
 
   if (isLoading) {
     return (
-      <div className="relative mx-auto flex h-screen w-full max-w-[560px] flex-col items-center justify-center overflow-hidden">
-        <div className="h-12 w-12 animate-spin rounded-full border-4 border-dashed border-pointColor"></div>
+      <div className="flex h-full flex-col items-center justify-center">
+        <svg
+          className="h-12 w-12 animate-spin text-pointColor"
+          viewBox="0 0 50 50"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <circle
+            cx="25"
+            cy="25"
+            r="20"
+            stroke="currentColor"
+            strokeWidth="4"
+            strokeDasharray="100"
+            strokeLinecap="round"
+            opacity="0.3"
+          />
+          <circle
+            cx="25"
+            cy="25"
+            r="20"
+            stroke="currentColor"
+            strokeWidth="4"
+            strokeDasharray="100"
+            strokeDashoffset="75"
+            strokeLinecap="round"
+          />
+        </svg>
 
-        <p className="animate-pulse text-lg font-medium text-gray-700">
+        <p className="mt-4 animate-pulse text-lg font-medium text-gray-600">
           로그인 중...
         </p>
       </div>