From 0ba2763696daec6ecd27c58b1dca49b49d8bf9ae Mon Sep 17 00:00:00 2001
From: JOJO <1498581755@qq.com>
Date: Sat, 11 Apr 2026 17:02:17 +0800
Subject: [PATCH] =?UTF-8?q?fix(personalization):=20=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E6=BB=91=E5=8A=A8=E8=B7=B3=E6=A8=A1=E5=9D=97=E5=B9=B6=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E7=94=A8=E9=87=8F=E5=8C=BA=E7=95=99=E7=99=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../personalization/PersonalizationDrawer.vue | 51 ++-----------------
 1 file changed, 3 insertions(+), 48 deletions(-)

diff --git a/static/src/components/personalization/PersonalizationDrawer.vue b/static/src/components/personalization/PersonalizationDrawer.vue
index 3b11010..ebce373 100644
--- a/static/src/components/personalization/PersonalizationDrawer.vue
+++ b/static/src/components/personalization/PersonalizationDrawer.vue
@@ -51,11 +51,7 @@
                 </button>
               </nav>
               <div class="personalization-content-shell" data-tutorial="personal-content-shell">
-                <div
-                  class="personalization-content"
-                  @touchstart.passive="handleSwipeStart"
-                  @touchend.passive="handleSwipeEnd"
-                >
+                <div class="personalization-content">
                   <transition name="personal-page-vertical" mode="out-in">
                     <section
                       v-if="activeTab === 'preferences'"
@@ -1434,7 +1430,6 @@ const personalTabs = computed(() => {
 });
 
 const activeTab = ref<PersonalTab>('preferences');
-const swipeState = ref<{ startY: number; active: boolean }>({ startY: 0, active: false });
 
 type RunModeValue = 'fast' | 'thinking' | 'deep' | null;
 type PermissionModeValue = 'readonly' | 'approval' | 'unrestricted';
@@ -1739,46 +1734,6 @@ const startTutorial = () => {
   }, 320);
 };
 
-const shiftTab = (direction: 1 | -1) => {
-  const tabs = personalTabs.value;
-  const currentIndex = tabs.findIndex((tab) => tab.id === activeTab.value);
-  if (currentIndex === -1) {
-    return;
-  }
-  const nextIndex = currentIndex + direction;
-  if (nextIndex < 0 || nextIndex >= tabs.length) {
-    return;
-  }
-  activeTab.value = tabs[nextIndex].id as PersonalTab;
-};
-
-const handleSwipeStart = (event: TouchEvent) => {
-  // 手机端禁用滑动切换标签页
-  if (window.innerWidth <= 768) {
-    return;
-  }
-  if (!event.touches.length) {
-    return;
-  }
-  swipeState.value = { startY: event.touches[0].clientY, active: true };
-};
-
-const handleSwipeEnd = (event: TouchEvent) => {
-  // 手机端禁用滑动切换标签页
-  if (window.innerWidth <= 768) {
-    return;
-  }
-  if (!swipeState.value.active || !event.changedTouches.length) {
-    return;
-  }
-  const deltaY = event.changedTouches[0].clientY - swipeState.value.startY;
-  swipeState.value.active = false;
-  if (Math.abs(deltaY) < 60) {
-    return;
-  }
-  shiftTab(deltaY < 0 ? 1 : -1);
-};
-
 const applyThinkingPreset = (value: number) => {
   personalization.setThinkingInterval(value);
 };
@@ -2016,14 +1971,14 @@ const applyThemeOption = (theme: ThemeKey) => {
   display: flex;
   flex-direction: column;
   align-items: stretch;
-  padding: 12px 0 24px;
+  padding: 12px 4px 24px;
   height: 100%;
 }
 
 .usage-summary-card {
   width: 100%;
   max-width: 720px;
-  padding: 0;
+  padding: 0 8px;
   min-height: 320px;
   display: flex;
   flex-direction: column;