From 7d33036e33b2b2b76d006a50050f63e2182e35da Mon Sep 17 00:00:00 2001
From: thofx <usnail@yeah.net>
Date: Sat, 22 Jul 2023 19:11:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=A0=B7=E5=BC=8F=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/@layouts/styles/_default-layout.scss | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/@layouts/styles/_default-layout.scss b/src/@layouts/styles/_default-layout.scss
index 306549cc..6c53a850 100644
--- a/src/@layouts/styles/_default-layout.scss
+++ b/src/@layouts/styles/_default-layout.scss
@@ -6,11 +6,15 @@
 
 html {
   min-height: calc(100% + env(safe-area-inset-top));
-  //background: rgb(var(--v-theme-background));
+}
+
+@media screen and (max-width: 900px) {
+  html, body {
+    background: rgb(var(--v-theme-background));
+  }
 }
 
 body {
-  //background: rgb(var(--v-theme-background));
   overscroll-behavior-y: contain;
   --webkit-overflow-scrolling: touch;
 }
@@ -34,13 +38,20 @@ body,
   @include mixins.boxed-content(true);
 
   flex-grow: 1;
-  overflow:hidden;
+  overflow: hidden;
   // TODO: Use grid gutter variable here
   padding-block: 0.5rem;
   padding-top: calc(env(safe-area-inset-top) + 70px);
   display: flex;
+
   .page-content-container {
     flex: 1;
+    display: flex;
+
+    & > div:first-child {
+      flex: auto;
+      position: relative;
+    }
   }
 }