chore: 랜딩페이지에서 스크롤바 보이도록 수정 (#247)

boostcampwm-2024 · Dec 5, 2024 · 6f8887d · 6f8887d
1 parent 4562a0e
commit 6f8887d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/fe/src/index.css b/fe/src/index.css
@@ -107,6 +107,7 @@ body {
 
 body {
   margin: 0;
+  overflow-y: scroll;
 }
 
 .app {
@@ -120,19 +121,19 @@ body {
 }
 
 @media (min-width: 768px) {
-  .game-wrapper {
+  .game-page {
     height: 100vh;
     overflow: hidden;
   }
 }
 
 @media (max-width: 767px) {
-  .game-wrapper {
+  .game-page {
     height: auto;
     overflow-y: visible;
   }
 
-  body {
+  .game-page body {
     overflow-y: auto;
   }
 }

diff --git a/fe/src/pages/GamePage/index.tsx b/fe/src/pages/GamePage/index.tsx
@@ -107,7 +107,7 @@ const GamePage = () => {
   }
 
   return (
-    <div className="game-wrapper">
+    <div className="game-page game-wrapper">
       <div className="relative overflow-y-auto p-6 mt-2 min-h-screen">
         <div className="space-y-6">
           <GameScreen />

diff --git a/fe/src/pages/RoomListPage/index.tsx b/fe/src/pages/RoomListPage/index.tsx
@@ -35,7 +35,7 @@ const RoomListPage = () => {
   }, []);
 
   return (
-    <div className="game-wrapper">
+    <div className="game-page game-wrapper">
       <div className="relative overflow-y-auto p-6 mt-2 min-h-screen flex-1">
         <RoomHeader />
         <SearchBar />