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

feat: 移除多个组件的背景颜色以优化样式

Browse Source
This commit is contained in:
jxxghp
2025-04-09 21:31:57 +08:00
parent 2ba609fb78
commit 3205ae3ebe
9 changed files with 21 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/styles/styles.scss
View File

@@ -134,7 +134,6 @@ html.v-overlay-scroll-blocked body {
.backdrop-blur {
--tw-backdrop-blur: blur(8px)!important;
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;
}
@@ -262,10 +261,25 @@ html.v-overlay-scroll-blocked body {
inset: 0;
}
.v-list-item {
margin-block: 2px !important;
margin-inline: 0 !important;
transition: background-color 0.15s ease;
.v-overlay__content .v-list{
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
background-color: rgb(var(--v-theme-surface), 0.9) !important;
}
.v-overlay__content .v-card:not(.bg-primary){
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: rgb(var(--v-theme-surface), 0.95) !important;
.v-list, .v-table {
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: transparent !important;
}
}
.v-list-item:hover {
@@ -285,20 +299,6 @@ html.v-overlay-scroll-blocked body {
transition: opacity 0.2s ease !important;
}
.v-overlay__content .v-list{
padding: 0;
margin: 0 !important;
background-color: rgb(var(--v-theme-surface)) !important;
}
.v-overlay__content .v-card:not(.bg-primary){
background-color: rgb(var(--v-theme-surface)) !important;
.v-list, .v-table {
background-color: transparent !important;
}
}
.v-menu > .v-overlay__content {
overflow: hidden;
}