From c57a8b7b481f950e5214e00cc29687bd2ba2aa48 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 29 Jun 2026 19:56:18 +0800
Subject: [PATCH] Switch panels to svh and native theme scrolling

---
 src/components/agent/AgentAssistantPanel.vue |  4 ++--
 src/components/theme/ThemeCustomizer.vue     | 15 ++++++---------
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/components/agent/AgentAssistantPanel.vue b/src/components/agent/AgentAssistantPanel.vue
index 22c6c2b4..07918a10 100644
--- a/src/components/agent/AgentAssistantPanel.vue
+++ b/src/components/agent/AgentAssistantPanel.vue
@@ -2372,9 +2372,9 @@ onScopeDispose(() => {
   --agent-assistant-panel-blur: 10px;
 }
 
-@supports (block-size: 100dvh) {
+@supports (block-size: 100svh) {
   .agent-assistant-shell {
-    block-size: 100dvh;
+    block-size: 100svh;
   }
 }
 
diff --git a/src/components/theme/ThemeCustomizer.vue b/src/components/theme/ThemeCustomizer.vue
index 9344cf8e..e8d021d1 100644
--- a/src/components/theme/ThemeCustomizer.vue
+++ b/src/components/theme/ThemeCustomizer.vue
@@ -222,7 +222,7 @@ async function handleResetSettings() {
 
       <VDivider />
 
-      <PerfectScrollbar class="theme-customizer-body" :options="{ wheelPropagation: false }">
+      <div class="theme-customizer-body">
         <section class="theme-customizer-section">
           <h3 class="theme-customizer-section-title">{{ t('theme.customizer.primaryColor') }}</h3>
           <div class="theme-customizer-color-grid">
@@ -405,7 +405,7 @@ async function handleResetSettings() {
             </div>
           </div>
         </section>
-      </PerfectScrollbar>
+      </div>
     </div>
   </aside>
 </template>
@@ -448,9 +448,9 @@ async function handleResetSettings() {
   min-block-size: 0;
 }
 
-@supports (block-size: 100dvh) {
+@supports (block-size: 100svh) {
   .theme-customizer-panel {
-    block-size: 100dvh;
+    block-size: 100svh;
   }
 }
 
@@ -498,18 +498,15 @@ async function handleResetSettings() {
 .theme-customizer-body {
   flex: 1 1 auto;
   min-block-size: 0;
+  -webkit-overflow-scrolling: touch;
   -ms-overflow-style: none;
+  overflow-y: auto;
   overscroll-behavior: contain;
   scrollbar-width: none;
 
   &::-webkit-scrollbar {
     display: none;
   }
-
-  :deep(.ps__rail-x),
-  :deep(.ps__rail-y) {
-    display: none !important;
-  }
 }
 
 .theme-customizer-section {