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

调整表格和输入框的背景颜色以适应透明主题

Browse Source
This commit is contained in:
jxxghp
2025-07-01 12:39:44 +08:00
parent 2f4a707498
commit 7f8dd744f2
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/styles/custom.scss
View File

@@ -356,7 +356,11 @@ html.v-overlay-scroll-blocked {
// 表格
.v-table {
border-radius: 0;
background-color: rgba(var(--v-theme-surface), 0.3);
background-color: rgba(var(--v-theme-surface), 0);
.v-table__wrapper > table > thead {
background-color: rgba(var(--v-theme-surface), 0.3);
}
}
// 页脚
@@ -396,11 +400,17 @@ html.v-overlay-scroll-blocked {
.v-skeleton-loader {
background-color: rgba(var(--v-theme-surface), 0.3);
}
// 输入框和搜索框
.v-field {
background-color: rgba(var(--v-theme-surface), 0);
}
}
// 透明主题下的弹出窗口样式
html[data-theme="transparent"] {
.v-overlay__content {
.v-overlay__content {
border-radius: 12px !important;
backdrop-filter: blur(10px) !important;
@@ -414,8 +424,8 @@ html[data-theme="transparent"] {
background-color: rgb(var(--v-theme-surface), 0.5) !important;
}
.v-table thead {
background-color: rgb(var(--v-theme-surface), 0.5) !important;
.v-table__wrapper table thead {
background-color: rgba(var(--v-theme-surface), 0.3);
}
}
}