fix: 레이아웃 수정

KUSITMS-30th-TEAM-C · Nov 28, 2024 · 1428c0a · 1428c0a
1 parent 5b7d774
commit 1428c0a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 8 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -15,7 +15,6 @@ body {
 body {
   color: var(--foreground);
   background: var(--background);
-  max-width: 600px;
   margin: 0 auto;
   min-height: 600px;
   color: #1a1a25;

diff --git a/src/components/MobileWrapper/MobileWrapper.tsx b/src/components/MobileWrapper/MobileWrapper.tsx
@@ -3,13 +3,11 @@ import SplashLogoNew from '../Icons/SplashLogoNew'
 
 export default function MobileWrapper({ children }: { children: ReactNode }) {
   return (
-    <div className="flex justify-center h-[100vh] overflow-hidden">
-      <aside className="hidden min-w-380 mr-[5%] min-[800px]:block">
-        <div className="flex flex-col h-full justify-center items-center fixed">
-          <SplashLogoNew />
-        </div>
+    <div className="flex justify-center h-screen overflow-hidden">
+      <aside className="hidden min-w-380 mr-[5%] min-[800px]:flex  items-center justify-center ">
+        <SplashLogoNew />
       </aside>
-      <div className="relative flex flex-col min-w-390 min-h-844 border-1 overflow-y-auto overflow-x-hidden scrollbar-hide my-auto">
+      <div className="min-[800px]:w-350 relative flex flex-col min-w-390 min-h-844 border-1 overflow-y-auto overflow-x-hidden scrollbar-hide my-30 rounded-10">
         {children}
       </div>
     </div>

diff --git a/src/components/ui/HomeHeader.tsx b/src/components/ui/HomeHeader.tsx
@@ -18,7 +18,7 @@ export default function HomeHeader({ children, title }: HomeHeaderProps) {
     <div className="flex w-full flex-col">
       <header
         className={cn(
-          'fixed z-10 max-w-[389px] w-full font-semibold flex items-center justify-between py-10 h-52 px-24 transition-colors duration-300 font-wavvepado bg-white',
+          'fixed z-10 w-full absolute font-semibold flex items-center justify-between py-10 h-52 px-24 transition-colors duration-300 font-wavvepado bg-white',
         )}
       >
         <button