From 8ea637d7a0cf837fe09bdac7e58eec040c5c8bc3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?=
 <37316281+yanhao98@users.noreply.github.com>
Date: Sun, 29 Dec 2024 02:01:39 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=AF=B9=20100dvh=20?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E7=9A=84=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E5=B8=83=E5=B1=80=E9=80=82=E5=BA=94?=
 =?UTF-8?q?=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/sakai-vue/styles/_core.scss       | 3 +++
 src/layouts/sakai-vue/styles/_main.scss       | 3 +++
 src/layouts/sakai-vue/styles/_menu.scss       | 4 ++++
 src/layouts/sakai-vue/styles/_responsive.scss | 8 ++++++++
 4 files changed, 18 insertions(+)

diff --git a/src/layouts/sakai-vue/styles/_core.scss b/src/layouts/sakai-vue/styles/_core.scss
index 8462912..c9dce8e 100644
--- a/src/layouts/sakai-vue/styles/_core.scss
+++ b/src/layouts/sakai-vue/styles/_core.scss
@@ -20,4 +20,7 @@ a {
 
 .layout-wrapper {
   min-height: 100vh;
+  @supports (min-height: 100dvh) {
+    min-height: 100dvh;
+  }
 }
diff --git a/src/layouts/sakai-vue/styles/_main.scss b/src/layouts/sakai-vue/styles/_main.scss
index bb299d4..e85dcb2 100644
--- a/src/layouts/sakai-vue/styles/_main.scss
+++ b/src/layouts/sakai-vue/styles/_main.scss
@@ -5,6 +5,9 @@
   justify-content: space-between;
   padding: 6rem 2rem 0 2rem;
   transition: margin-left var(--layout-section-transition-duration);
+  @supports (min-height: 100dvh) {
+    min-height: 100dvh;
+  }
 }
 
 .layout-main {
diff --git a/src/layouts/sakai-vue/styles/_menu.scss b/src/layouts/sakai-vue/styles/_menu.scss
index 406b2cb..550a616 100644
--- a/src/layouts/sakai-vue/styles/_menu.scss
+++ b/src/layouts/sakai-vue/styles/_menu.scss
@@ -15,6 +15,10 @@
   background-color: var(--surface-overlay);
   border-radius: var(--content-border-radius);
   padding: 0.5rem 1.5rem;
+
+  @supports (height: 100dvh) {
+    height: calc(100dvh - 8rem);
+  }
 }
 
 .layout-menu {
diff --git a/src/layouts/sakai-vue/styles/_responsive.scss b/src/layouts/sakai-vue/styles/_responsive.scss
index 6b14bcb..e009288 100644
--- a/src/layouts/sakai-vue/styles/_responsive.scss
+++ b/src/layouts/sakai-vue/styles/_responsive.scss
@@ -30,6 +30,10 @@
           0px 3px 5px rgba(0, 0, 0, 0.02),
           0px 0px 2px rgba(0, 0, 0, 0.05),
           0px 1px 4px rgba(0, 0, 0, 0.08);
+
+        @supports (height: 100dvh) {
+          height: 100dvh;
+        }
       }
 
       &.layout-overlay-active {
@@ -84,6 +88,10 @@
       transition:
         transform 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99),
         left 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
+
+      @supports (height: 100dvh) {
+        height: 100dvh;
+      }
     }
 
     .layout-mask {