fix: MobileLayout 오류수정

dohy-eon · web-flow · commit 641fff0e10cf · 2025-02-12T22:45:33.000+09:00
diff --git a/src/components/layout/MobileLayout.tsx b/src/components/layout/MobileLayout.tsx
@@ -13,12 +13,13 @@ const MobileLayout: React.FC<Props> = ({ children }) => {
       className="mx-auto bg-mainBlack"
       style={{
         width: width > 480 ? '395px' : '100%', // PC에서는 고정, 모바일에서는 꽉 차게
-        height: height,
+        height: '100vh',
+        overflowY: 'auto',
       }}
     >
       {children}
     </div>
   )
 }
 
-export default MobileLayout
+export default MobileLayout

Original file line number	Diff line number	Diff line change
`@@ -13,12 +13,13 @@ const MobileLayout: React.FC<Props> = ({ children }) => {`
`13`	`13`	`className="mx-auto bg-mainBlack"`
`14`	`14`	`style={{`
`15`	`15`	`width: width > 480 ? '395px' : '100%', // PC에서는 고정, 모바일에서는 꽉 차게`
`16`		`- height: height,`
	`16`	`+ height: '100vh',`
	`17`	`+ overflowY: 'auto',`
`17`	`18`	`}}`
`18`	`19`	`>`
`19`	`20`	`{children}`
`20`	`21`	`</div>`
`21`	`22`	`)`
`22`	`23`	`}`
`23`	`24`
`24`		`-export default MobileLayout`
	`25`	`+export default MobileLayout`