GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-07-20 03:51:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 同步主题定制器状态到根节点，优化全局悬浮按钮位置

Browse Source
This commit is contained in:
jxxghp
2026-06-02 22:44:53 +08:00
parent 0867236b68
commit caef6eca67
4 changed files with 241 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/styles/common.scss
View File

@@ -502,6 +502,10 @@ html[data-theme="transparent"],
opacity:0.75;
}
:root {
--theme-customizer-fab-offset: 420px;
}
// 紧凑型悬浮操作按钮
.compact-fab-stack {
position: fixed;
@@ -513,6 +517,7 @@ html[data-theme="transparent"],
inset-block-end: max(1rem, calc(env(safe-area-inset-bottom) + 1rem));
inset-inline-end: max(1rem, calc(env(safe-area-inset-right) + 1rem));
pointer-events: none;
transition: inset-inline-end 0.2s ease;
}
.compact-fab-stack > * {
@@ -618,6 +623,24 @@ html[data-theme="transparent"],
}
}
@media (min-width: 601px) {
html[data-theme-customizer-open='true'] .compact-fab-stack {
inset-inline-end: calc(var(--theme-customizer-fab-offset) + max(1rem, calc(env(safe-area-inset-right) + 1rem)));
}
html[data-theme-customizer-open='true'] .global-action-buttons {
inset-inline-end: calc(var(--theme-customizer-fab-offset) + 2rem);
}
}
@media (min-width: 601px) and (max-width: 768px) {
html[data-theme-customizer-open='true'] .compact-fab-stack {
inset-inline-end: calc(
var(--theme-customizer-fab-offset) + max(0.875rem, calc(env(safe-area-inset-right) + 0.875rem))
);
}
}
.apexcharts-title-text {
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !important;
}