🎨 불필요한 스타일 제거

Read-bird · Dec 31, 2023 · 000319b · 000319b
2 parents fc9ece2 + 72363a5
commit 000319b
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 19 deletions.
diff --git a/public/index.html b/public/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     <meta
       name="viewport"
-      content="width=device-width, initial-scale=1, maximum-scale=5 viewport-fit=cover user-scalable=no"
+      content="width=device-width, initial-scale=1, maximum-scale=5, viewport-fit=cover, user-scalable=no"
     />
     <link rel="icon" href="%PUBLIC_URL%/blacklogo.png" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/blacklogo.png" />

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%;
-}