From 1fdfe4a1d2044d308b134b4f0c039e217c2578ca Mon Sep 17 00:00:00 2001
From: cussle <cussle@kakao.com>
Date: Fri, 15 Nov 2024 13:15:27 +0900
Subject: [PATCH] fix: Replace vh/vw with dvh/dvw for improved viewport
 handling

---
 src/main/resources/static/css/card/card-detail.css | 4 ++--
 src/main/resources/static/css/chat/room.css        | 2 +-
 src/main/resources/static/css/global.css           | 2 +-
 src/main/resources/static/css/oauth/login.css      | 2 +-
 src/main/resources/templates/redirect.html         | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/main/resources/static/css/card/card-detail.css b/src/main/resources/static/css/card/card-detail.css
index 415cd35..b7fc4e2 100644
--- a/src/main/resources/static/css/card/card-detail.css
+++ b/src/main/resources/static/css/card/card-detail.css
@@ -81,8 +81,8 @@
     position: fixed;
     top: 0;
     left: 0;
-    width: 100vw;
-    height: 100vh;
+    width: 100dvw;
+    height: 100dvh;
     background-color: rgba(0, 0, 0, 0.3);
     z-index: 1000; /* 배경이 페이지 전체를 덮도록 설정 */
     display: none; /* 기본적으로 숨김 */
diff --git a/src/main/resources/static/css/chat/room.css b/src/main/resources/static/css/chat/room.css
index 68c9aa5..baa8884 100644
--- a/src/main/resources/static/css/chat/room.css
+++ b/src/main/resources/static/css/chat/room.css
@@ -1,5 +1,5 @@
 .container {
-  height: 100vh;
+  height: 100dvh;
   overflow: hidden;
   display: flex;
   flex-direction: column;
diff --git a/src/main/resources/static/css/global.css b/src/main/resources/static/css/global.css
index df7b829..7ff7567 100644
--- a/src/main/resources/static/css/global.css
+++ b/src/main/resources/static/css/global.css
@@ -27,7 +27,7 @@ body {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  height: 100vh;
+  height: 100dvh;
   background-color: var(--background);
 }
 
diff --git a/src/main/resources/static/css/oauth/login.css b/src/main/resources/static/css/oauth/login.css
index 0873953..9851b59 100644
--- a/src/main/resources/static/css/oauth/login.css
+++ b/src/main/resources/static/css/oauth/login.css
@@ -34,7 +34,7 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 100vh;
+    height: 100dvh;
     background-color: var(--background);
 }
 
diff --git a/src/main/resources/templates/redirect.html b/src/main/resources/templates/redirect.html
index 6994abe..0d51267 100644
--- a/src/main/resources/templates/redirect.html
+++ b/src/main/resources/templates/redirect.html
@@ -15,7 +15,7 @@
             display: flex;
             justify-content: center;
             align-items: center;
-            height: 100vh;
+            height: 100dvh;
             background-color: #f5f5f5;
         }