GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-08-19 04:34:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(glass): 捷径卡片补齐玻璃描边与高光

Browse Source 
弹层内嵌套卡片被通用折叠规则抹平 border 与 box-shadow，只补回背景会显得与其它玻璃卡片不一致，这里补齐完整表面并加上 hover 态。同时带上搜索弹窗的空状态间距与样式顺序整理。
This commit is contained in:
jxxghp
2026-07-28 19:30:05 +08:00
parent 5c63fe2313
commit e7bfc4ec1c
2 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/styles/themes/glass.scss
View File

@@ -835,12 +835,21 @@ html[data-theme='glass'] {
);
}
// 捷径菜单的嵌套卡片会被通用弹层模糊覆盖，需要显式跟随玻璃材质。
// 捷径菜单的嵌套卡片会被通用弹层折叠规则抹平描边与高光，需要完整补齐标准玻璃表面。
.shortcut-card-hover-area > .v-card {
border-color: var(--glass-border) !important;
-webkit-backdrop-filter: var(--glass-surface-backdrop-filter) !important;
backdrop-filter: var(--glass-surface-backdrop-filter) !important;
background-color: var(--glass-surface) !important;
background-image: var(--glass-sheen) !important;
box-shadow: var(--glass-shadow) !important;
}
@media (hover: hover) and (pointer: fine) {
.shortcut-card-hover-area:hover > .v-card {
border-color: var(--glass-border-hover) !important;
box-shadow: var(--glass-shadow-hover) !important;
}
}
// “更多”应用列表的分组卡片存在局部固定模糊，需要在完整小屏区间跟随玻璃材质。