fix: remove nested scroll

IT-Cotato · Nov 21, 2024 · 54ce9ec · 54ce9ec
1 parent cfba812
commit 54ce9ec
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/src/pages/CS/solving/CSProblem.tsx b/src/pages/CS/solving/CSProblem.tsx
@@ -445,11 +445,11 @@ const Wrapper = styled.div`
   flex-direction: column;
   align-items: center;
   width: 100%;
-  height: 100vh;
+  height: auto;
   position: relative;
   padding-bottom: 60px;
-  overflow: auto;
   overflow-x: hidden;
+  overflow-y: visible;
 `;
 
 const ProgressContainer = styled.div`

diff --git a/src/pages/CS/solving/CSQuiz.tsx b/src/pages/CS/solving/CSQuiz.tsx
@@ -197,10 +197,12 @@ const CSQuiz: React.FC<WaitingProps> = () => {
 
   return (
     <Wrapper>
-      <Waiting>
-        <Timer style={{ width: '68px' }} />
-        <div>곧 문제가 시작됩니다. &nbsp;잠시만 기다려주세요!</div>
-      </Waiting>
+      {!showProblem && (
+        <Waiting>
+          <Timer style={{ width: '68px' }} />
+          <div>곧 문제가 시작됩니다. &nbsp;잠시만 기다려주세요!</div>
+        </Waiting>
+      )}
       {showProblem && (
         <div className="problem">
           <CSProblem
@@ -230,18 +232,16 @@ const Wrapper = styled.div`
   flex-direction: column;
   align-items: center;
   width: 100%;
-  height: 100vh;
+  height: auto;
   overflow: hidden;
   position: relative;
   .problem {
+    display: flex;
+    width: 100%;
     background-color: #fff;
     background-size: cover;
-    position: absolute;
-    height: 100vh;
-    overflow: hidden;
-    top: 0;
-    right: 0;
-    left: 0;
+    height: auto;
+    overflow: visible;
     z-index: 100;
   }
 `;