GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-06-02 14:21:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

统一顶栏及侧边栏各项ui风格

Browse Source
This commit is contained in:
madrays
2025-04-08 01:03:29 +08:00
parent 50e76496a2
commit 3adcc894b7
14 changed files with 644 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/styles/styles.scss
View File

@@ -261,22 +261,19 @@ html.v-overlay-scroll-blocked body {
}
.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;
background-color: rgb(var(--v-theme-surface)) !important;
border-radius: 8px !important;
box-shadow: none !important;
padding: 4px !important;
margin: 0 !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;
background-color: rgb(var(--v-theme-surface)) !important;
border-radius: 8px !important;
box-shadow: none !important;
.v-list, .v-table {
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: transparent !important;
}
}
@@ -294,3 +291,73 @@ html.v-overlay-scroll-blocked body {
content: '';
inset: 0;
}
/* 菜单项样式 */
.v-list-item {
border-radius: 4px !important;
margin: 2px 0 !important;
transition: background-color 0.15s ease;
}
.v-list-item:hover {
background-color: rgba(var(--v-theme-on-surface), 0.04) !important;
}
/* 下拉菜单整体样式 */
.v-menu > .v-overlay__content {
border-radius: 8px !important;
box-shadow: 0 4px 12px rgba(var(--v-theme-on-surface), 0.08) !important;
overflow: hidden;
}
/* 通知弹窗样式 */
.notification-menu .v-overlay__content {
border-radius: 8px !important;
box-shadow: 0 4px 12px rgba(var(--v-theme-on-surface), 0.08) !important;
overflow: hidden;
}
/* 主题切换菜单样式 */
.theme-menu .v-overlay__content {
border-radius: 8px !important;
box-shadow: 0 4px 12px rgba(var(--v-theme-on-surface), 0.08) !important;
}
/* 用户菜单样式 */
.user-menu .v-overlay__content {
border-radius: 8px !important;
box-shadow: 0 4px 12px rgba(var(--v-theme-on-surface), 0.08) !important;
}
/* 菜单按钮交互效果 */
.v-btn.v-btn--icon {
transition: opacity 0.15s ease;
}
.v-btn.v-btn--icon:hover {
opacity: 0.85;
}
/* 菜单弹出动画优化 */
.v-overlay__content {
transition: opacity 0.2s ease !important;
}
/* 菜单卡片和列表 */
.v-overlay__content .v-list{
background-color: rgb(var(--v-theme-surface)) !important;
border-radius: 8px !important;
box-shadow: none !important;
padding: 4px !important;
margin: 0 !important;
}
.v-overlay__content .v-card:not(.bg-primary){
background-color: rgb(var(--v-theme-surface)) !important;
border-radius: 8px !important;
box-shadow: none !important;
.v-list, .v-table {
background-color: transparent !important;
}
}