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

fix: 调整主题定制器和对话框样式，优化用户体验

Browse Source
This commit is contained in:
jxxghp
2026-06-02 21:06:24 +08:00
parent 200500a060
commit 57224e15fb
5 changed files with 43 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/styles/common.scss
View File

@@ -1,3 +1,5 @@
/* stylelint-disable scss/at-rule-no-unknown */
/* stylelint-disable no-descending-specificity */
// 公共样式 - 所有主题都需要
@tailwind base;
@tailwind components;
@@ -80,21 +82,18 @@ html[data-theme-skin='bordered'] {
}
.layout-vertical-nav,
.navbar-content-container,
.footer-nav-card {
border: 1px solid rgba(var(--v-theme-on-surface), 0.1) !important;
}
.navbar-content-container {
border-block-end: 1px solid rgba(var(--v-theme-on-surface), 0.1) !important;
}
.layout-vertical-nav {
border-block: 0 !important;
border-inline-start: 0 !important;
}
.navbar-content-container {
border-block-start: 0 !important;
border-radius: 0 0 10px 10px;
background-color: rgba(var(--v-theme-surface), 0.82);
}
}
// 应用类信息卡片：固定右侧媒体槽位，避免图片被左侧文字挤压变形。
@@ -118,6 +117,7 @@ html[data-theme-skin='bordered'] {
rgba(var(--v-theme-surface), var(--app-card-surface-opacity)) !important;
box-shadow: var(--app-card-rest-shadow) !important;
color: rgb(var(--v-theme-on-surface));
--app-card-accent-rgb: var(--v-theme-primary);
--app-card-accent-end-rgb: var(--app-card-accent-rgb);
--app-card-accent-start-opacity: 0.025;
@@ -126,6 +126,7 @@ html[data-theme-skin='bordered'] {
--app-card-hover-border-opacity: 0.16;
--app-card-stripe-opacity: 0.22;
--app-card-surface-opacity: 0.92;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
@@ -163,8 +164,9 @@ html[data-theme-skin='bordered'] {
html[data-theme="transparent"] .app-card-colorful,
.v-theme--transparent .app-card-colorful {
backdrop-filter: blur(var(--transparent-blur, 10px));
border: 0 !important;
backdrop-filter: blur(var(--transparent-blur, 10px));
--app-card-accent-start-opacity: 0.018;
--app-card-accent-end-opacity: 0.01;
--app-card-border-opacity: 0;