🔧 중첩된 overflow옵션 제거, 인터뷰 컴포넌트에 overflow-x 옵션 설정

code-squad · Aug 5, 2024 · 59ff178 · 59ff178
1 parent 5efa068
commit 59ff178
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/Interview/Interview.tsx b/src/components/Interview/Interview.tsx
@@ -124,6 +124,7 @@ const Interview: React.FC<IInterview> = ({ subtitle, title, interviews, style })
 const InterviewWrapper = styled.div`
   display: flex;
   flex-direction: column;
+  overflow-x: hidden;
   @media ${({ theme }) => theme.device.mobile} {
     margin-bottom: 12rem;
     align-items: space-between;

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -45,7 +45,7 @@ const MainPage: React.FC = () => {
   return (
     <GlobalTheme>
       <GlobalHeader title={SEO_TITLE.MAIN} description={SEO_DESCRIPTION.MAIN} url={INTERNAL.MAIN} />
-      <main style={{ overflowX: "hidden" }}>
+      <main>
         <HomeGlobalNavigationBar {...{ bannerStatus }} />
         {bannerStatus && <Banner {...{ bannerStatus, setBannerStatus }} />}
         <Welcome />