mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-06 16:16:42 +08:00
fix 全屏弹窗背景
This commit is contained in:
@@ -228,8 +228,13 @@ h6,
|
|||||||
// 👉 Overlay
|
// 👉 Overlay
|
||||||
.v-overlay__scrim,
|
.v-overlay__scrim,
|
||||||
.v-navigation-drawer__scrim {
|
.v-navigation-drawer__scrim {
|
||||||
background: rgba(var(--v-overlay-scrim-background), var(--v-overlay-scrim-opacity)) !important;
|
background: rgba(var(--v-overlay-scrim-background), var(--v-overlay-scrim-opacity));
|
||||||
opacity: 1 !important;
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 透明主题下全屏弹窗的overlay背景透明度调整
|
||||||
|
html[data-theme="transparent"] .v-dialog--fullscreen .v-overlay__scrim {
|
||||||
|
background: rgba(var(--v-overlay-scrim-background), 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
// 👉 VMessages
|
// 👉 VMessages
|
||||||
@@ -257,6 +262,11 @@ h6,
|
|||||||
background-color: rgb(var(--v-theme-surface));
|
background-color: rgb(var(--v-theme-surface));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 透明主题下全屏弹窗背景透明
|
||||||
|
html[data-theme="transparent"] .v-dialog--fullscreen {
|
||||||
|
background-color: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
// For dialog card title
|
// For dialog card title
|
||||||
.v-card-item + .v-card-text {
|
.v-card-item + .v-card-text {
|
||||||
padding-block-start: 0 !important;
|
padding-block-start: 0 !important;
|
||||||
|
|||||||
+1
-1
@@ -253,7 +253,7 @@ onUnmounted(() => {
|
|||||||
<div v-if="isLogin && isTransparentTheme" class="global-blur-layer"></div>
|
<div v-if="isLogin && isTransparentTheme" class="global-blur-layer"></div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 页面内容 -->
|
<!-- 页面内容 -->
|
||||||
<VApp :class="{ 'transparent-app': isTransparentTheme }">
|
<VApp>
|
||||||
<RouterView />
|
<RouterView />
|
||||||
<!-- PWA安装提示 -->
|
<!-- PWA安装提示 -->
|
||||||
<PWAInstallPrompt />
|
<PWAInstallPrompt />
|
||||||
|
|||||||
@@ -318,9 +318,8 @@ body {
|
|||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 透明主题下的弹出窗口样式
|
||||||
// 透明主题特殊样式
|
html[data-theme="transparent"] {
|
||||||
.transparent-app {
|
|
||||||
// 先将所有全局组件定义放在前面,避免CSS优先级问题
|
// 先将所有全局组件定义放在前面,避免CSS优先级问题
|
||||||
.v-application, .v-layout, .v-main, .layout-page-content {
|
.v-application, .v-layout, .v-main, .layout-page-content {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
@@ -409,10 +408,6 @@ body {
|
|||||||
background-color: rgba(var(--v-theme-surface), 0);
|
background-color: rgba(var(--v-theme-surface), 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// 透明主题下的弹出窗口样式
|
|
||||||
html[data-theme="transparent"] {
|
|
||||||
.v-overlay__content {
|
.v-overlay__content {
|
||||||
border-radius: 12px !important;
|
border-radius: 12px !important;
|
||||||
backdrop-filter: blur(10px) !important;
|
backdrop-filter: blur(10px) !important;
|
||||||
|
|||||||
Reference in New Issue
Block a user