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

Switch panels to svh and native theme scrolling

Browse Source
This commit is contained in:
jxxghp
2026-06-29 19:56:18 +08:00
parent 0aa7d37e45
commit c57a8b7b48
2 changed files with 8 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/agent/AgentAssistantPanel.vue
+2 -2
View File
@@ -2372,9 +2372,9 @@ onScopeDispose(() => {
--agent-assistant-panel-blur: 10px; --agent-assistant-panel-blur: 10px;
} }
@supports (block-size: 100dvh) { @supports (block-size: 100svh) {
.agent-assistant-shell { .agent-assistant-shell {
block-size: 100dvh; block-size: 100svh;
} }
} }
src/components/theme/ThemeCustomizer.vue
+6 -9
View File
@@ -222,7 +222,7 @@ async function handleResetSettings() {
<VDivider /> <VDivider />
<PerfectScrollbar class="theme-customizer-body" :options="{ wheelPropagation: false }"> <div class="theme-customizer-body">
<section class="theme-customizer-section"> <section class="theme-customizer-section">
<h3 class="theme-customizer-section-title">{{ t('theme.customizer.primaryColor') }}</h3> <h3 class="theme-customizer-section-title">{{ t('theme.customizer.primaryColor') }}</h3>
<div class="theme-customizer-color-grid"> <div class="theme-customizer-color-grid">
@@ -405,7 +405,7 @@ async function handleResetSettings() {
</div> </div>
</div> </div>
</section> </section>
</PerfectScrollbar> </div>
</div> </div>
</aside> </aside>
</template> </template>
@@ -448,9 +448,9 @@ async function handleResetSettings() {
min-block-size: 0; min-block-size: 0;
} }
@supports (block-size: 100dvh) { @supports (block-size: 100svh) {
.theme-customizer-panel { .theme-customizer-panel {
block-size: 100dvh; block-size: 100svh;
} }
} }
@@ -498,18 +498,15 @@ async function handleResetSettings() {
.theme-customizer-body { .theme-customizer-body {
flex: 1 1 auto; flex: 1 1 auto;
min-block-size: 0; min-block-size: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none; -ms-overflow-style: none;
overflow-y: auto;
overscroll-behavior: contain; overscroll-behavior: contain;
scrollbar-width: none; scrollbar-width: none;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
:deep(.ps__rail-x),
:deep(.ps__rail-y) {
display: none !important;
}
} }
.theme-customizer-section { .theme-customizer-section {