fix: loader 배경색상이 모두 적용되는 문제 수정 (#382)

boostcampwm-2024 · Dec 5, 2024 · e36bcee · e36bcee
2 parents fe8c52e + 456e986
commit e36bcee
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/packages/frontend/src/App.tsx b/packages/frontend/src/App.tsx
@@ -19,7 +19,13 @@ const App = () => {
   return (
     <QueryClientProvider client={queryClient}>
       <ErrorBoundary fallback={<Error />}>
-        <Suspense fallback={<Loader className="h-64 w-64 items-center" />}>
+        <Suspense
+          fallback={
+            <div className="bg-extra-light-gray flex h-screen items-center justify-center">
+              <Loader className="h-64 w-64 items-center" />
+            </div>
+          }
+        >
           <RouterProvider router={router} />
           <ReactQueryDevtools initialIsOpen={false} />
         </Suspense>

diff --git a/packages/frontend/src/components/ui/loader/Loader.tsx b/packages/frontend/src/components/ui/loader/Loader.tsx
@@ -7,8 +7,6 @@ interface LoaderProps {
 
 export const Loader = ({ className }: LoaderProps) => {
   return (
-    <div className="bg-extra-light-gray flex h-screen justify-center">
-      <Lottie className={className} animationData={loading} play speed={3} />
-    </div>
+    <Lottie className={className} animationData={loading} play speed={3} />
   );
 };