Fix settings persistence UI and Android Chrome scrolling.

Add a dedicated save action on the settings page so toggles and schedule changes can be persisted, and relax the mobile touch-action override that was blocking vertical scrolling in Android Chrome.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: heihu520

frontend/src/i18n/messages.ts

@@ -437,6 +437,7 @@ export const messages = {
         invalid: 'Invalid',
       },
       testConnection: 'Test Connection',
+      save: 'Save',
       testAndSave: 'Test & Save',
       baseUrlPlaceholder: 'https://your-cpa.example.com',
       tokenPlaceholder: 'Bearer token',
@@ -445,6 +446,7 @@ export const messages = {
       testReachable: '{message} ({count} accounts)',
       testReachableBasic: '{message}',
       savedReachable: 'Saved. {count} accounts reachable.',
+      saved: 'Saved.',
       savedReachableSyncing: 'Saved. {count} accounts synced into inventory.',
       savedReachableSyncingBasic: 'Saved. Inventory synced.',
       connectionSummary: '{message} ({count} accounts · {checkedAt})',
@@ -895,6 +897,7 @@ export const messages = {
         invalid: '配置无效',
       },
       testConnection: '测试连接',
+      save: '保存',
       testAndSave: '测试并保存',
       baseUrlPlaceholder: 'https://your-cpa.example.com',
       tokenPlaceholder: 'Bearer token',
@@ -903,6 +906,7 @@ export const messages = {
       testReachable: '{message}（{count} 个账号）',
       testReachableBasic: '{message}',
       savedReachable: '已保存。可访问 {count} 个账号。',
+      saved: '已保存。',
       savedReachableSyncing: '已保存。已将 {count} 个账号同步到库存。',
       savedReachableSyncingBasic: '已保存，库存已同步。',
       connectionSummary: '{message}（{count} 个账号 · {checkedAt}）',

frontend/src/style.css

@@ -4964,22 +4964,14 @@ select {
   }
 
   .app-shell--mobile .app-main,
-  .app-shell--mobile .app-main *,
   .app-shell--mobile .topbar,
-  .app-shell--mobile .topbar *,
   .app-shell--mobile .view-shell,
-  .app-shell--mobile .view-shell *,
   .app-shell--mobile .hero-panel,
-  .app-shell--mobile .hero-panel *,
   .app-shell--mobile .stats-grid,
-  .app-shell--mobile .stats-grid *,
   .app-shell--mobile .stat-card,
-  .app-shell--mobile .stat-card *,
   .app-shell--mobile .dashboard-grid,
-  .app-shell--mobile .dashboard-grid *,
-  .app-shell--mobile .panel,
-  .app-shell--mobile .panel * {
-    touch-action: pan-y pinch-zoom;
+  .app-shell--mobile .panel {
+    touch-action: auto;
   }
 
   .app-shell--mobile .view-shell {

frontend/src/views/SettingsView.vue

@@ -124,6 +124,15 @@ async function testOnly() {
   }
 }
 
+async function saveSettingsOnly() {
+  try {
+    await settingsStore.saveSettings()
+    ElMessage.success(t('settings.saved'))
+  } catch (error) {
+    ElMessage.error(toErrorMessage(error))
+  }
+}
+
 async function changeLocale(locale: string) {
   try {
     await settingsStore.saveLocalePreference(locale)
@@ -626,6 +635,7 @@ async function deleteConnection(connectionId: string) {
 
         <div class="hero-actions">
           <el-button plain @click="testOnly">{{ t('settings.testConnection') }}</el-button>
+          <el-button type="primary" :loading="settingsStore.saving" @click="saveSettingsOnly">{{ t('settings.save') }}</el-button>
         </div>
       </el-form>
     </section>