GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-07 08:46:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

修复样式问题

Browse Source
This commit is contained in:
thofx
2023-07-22 19:11:59 +08:00
parent e146adeecc
commit 7d33036e33
1 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/@layouts/styles/_default-layout.scss
+14 -3
View File
@@ -6,11 +6,15 @@
html { html {
min-height: calc(100% + env(safe-area-inset-top)); 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 { body {
//background: rgb(var(--v-theme-background));
overscroll-behavior-y: contain; overscroll-behavior-y: contain;
--webkit-overflow-scrolling: touch; --webkit-overflow-scrolling: touch;
} }
@@ -34,13 +38,20 @@ body,
@include mixins.boxed-content(true); @include mixins.boxed-content(true);
flex-grow: 1; flex-grow: 1;
overflow:hidden; overflow: hidden;
// TODO: Use grid gutter variable here // TODO: Use grid gutter variable here
padding-block: 0.5rem; padding-block: 0.5rem;
padding-top: calc(env(safe-area-inset-top) + 70px); padding-top: calc(env(safe-area-inset-top) + 70px);
display: flex; display: flex;
.page-content-container { .page-content-container {
flex: 1; flex: 1;
display: flex;
& > div:first-child {
flex: auto;
position: relative;
}
} }
} }