GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-08-21 16:32:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

调整样式以考虑安全区域的上下内边距，优化布局和溢出处理

Browse Source
This commit is contained in:
jxxghp
2025-01-04 14:12:07 +08:00
parent 3bd63ab7c8
commit f9f29ccc3c
7 changed files with 16 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/styles/styles.scss
View File

@@ -3,6 +3,10 @@
@tailwind components;
@tailwind utilities;
html.v-overlay-scroll-blocked {
position: relative;
}
#nprogress .bar {
background: rgb(var(--v-theme-primary)) !important;
inset-block-start: env(safe-area-inset-top) !important;
@@ -23,18 +27,12 @@
margin-block-start: env(safe-area-inset-top);
}
.v-overlay-container {
min-block-size: calc(100% + env(safe-area-inset-top) + env(safe-area-inset-bottom));
overflow-y: overlay;
}
.v-dialog > .v-overlay__content {
margin-block: env(safe-area-inset-top) env(safe-area-inset-bottom);
}
.v-dialog--fullscreen > .v-overlay__content{
margin-block-start: env(safe-area-inset-top);
padding-block-end: env(safe-area-inset-bottom);
.v-dialog--fullscreen > .v-overlay__content > .v-card {
padding-block-end: calc(env(safe-area-inset-top) + env(safe-area-inset-bottom));
}
/* router view transition fade-slide */