style. 불필요한 css 코드 정리

Read-bird · Dec 31, 2023 · 4047932 · 4047932
1 parent eada175
commit 4047932
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 18 deletions.
diff --git a/src/components/connections/ProtectedLogin.tsx b/src/components/connections/ProtectedLogin.tsx
@@ -18,9 +18,6 @@ export const ProtectedLogin = ({ loginNode, appNode }: TProps) => {
   const isLoginPath = useMemo(() => /login/g.test(location.pathname), [location.pathname]);
 
   useEffect(() => {
-    const vh = window.innerHeight * 0.01;
-    document.documentElement.style.setProperty(`--vh`, `${vh}`);
-
     // 첫 접속시 당일 날짜 등록
     dispatch(setCurrentDate(dayjs().format('YYYY-MM-DD')));
     dispatch(setMonthCurrentDate(dayjs().format('YYYY-MM-DD')));

diff --git a/src/styles/global-style.ts b/src/styles/global-style.ts
@@ -8,6 +8,8 @@ export const GlobalStyle = createGlobalStyle`
   body {
     background: #f5f5f5;
     overflow: hidden;
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
   }
   
   #root {
@@ -16,25 +18,14 @@ export const GlobalStyle = createGlobalStyle`
     max-width: 390px;
     margin: 0 auto;
     height: 100vh;
-    height: var(--vh);
     background: white;
     overflow-y: auto;
 
-    padding-bottom: constant(safe-area-inset-bottom);
-    padding-bottom: env(safe-area-inset-bottom);
-
     &::-webkit-scrollbar {
       display: none;
     }
   }
 
-  body.swal2-height-auto {
-    height: 100vh !important;
-    height: var(--vh) !important;
-    padding-bottom: constant(safe-area-inset-bottom);
-    padding-bottom: env(safe-area-inset-bottom);
-  }
-
   *::-webkit-scrollbar {
     width: 5px;
     height: 5px;

diff --git a/src/styles/reset.css b/src/styles/reset.css
@@ -144,7 +144,3 @@ div#root {
   width: 100%;
   height: 100%;
 }
-
-:root {
-  --vh: 100%;
-}