From 94f0038f19c6bd1c8b399938b5c68617b3d96e47 Mon Sep 17 00:00:00 2001
From: LTbinglingfeng <tan13318527080@163.com>
Date: Thu, 29 Jan 2026 23:42:07 +0800
Subject: [PATCH] style: update settings card and header for mobile
 responsiveness

---
 ...AuthFilesOAuthExcludedEditPage.module.scss | 32 +++++++++++++---
 ...thFilesOAuthModelAliasEditPage.module.scss | 38 ++++++++++++++++---
 2 files changed, 59 insertions(+), 11 deletions(-)

diff --git a/src/pages/AuthFilesOAuthExcludedEditPage.module.scss b/src/pages/AuthFilesOAuthExcludedEditPage.module.scss
index 4a710e3..a9c9c61 100644
--- a/src/pages/AuthFilesOAuthExcludedEditPage.module.scss
+++ b/src/pages/AuthFilesOAuthExcludedEditPage.module.scss
@@ -83,7 +83,7 @@
 
 .settingsCard {
   padding: 0;
-  overflow: hidden;
+  overflow: visible;
 }
 
 .settingsHeader {
@@ -92,7 +92,11 @@
   gap: $spacing-xs;
   padding: $spacing-md $spacing-lg;
   border-bottom: 1px solid var(--border-color);
-  background: var(--bg-primary);
+
+  @include mobile {
+    padding-left: $spacing-md;
+    padding-right: $spacing-md;
+  }
 }
 
 .settingsHeaderTitle {
@@ -113,7 +117,11 @@
   flex-direction: column;
   gap: $spacing-sm;
   padding: $spacing-md $spacing-lg $spacing-lg;
-  background: var(--bg-primary);
+
+  @include mobile {
+    padding-left: $spacing-md;
+    padding-right: $spacing-md;
+  }
 }
 
 .settingsRow {
@@ -121,6 +129,12 @@
   align-items: flex-start;
   justify-content: space-between;
   gap: $spacing-lg;
+
+  @include mobile {
+    flex-direction: column;
+    align-items: stretch;
+    gap: $spacing-sm;
+  }
 }
 
 .settingsInfo {
@@ -216,7 +230,11 @@
   max-height: 520px;
   overflow: auto;
   padding: $spacing-sm $spacing-lg $spacing-lg;
-  background: var(--bg-primary);
+
+  @include mobile {
+    padding-left: $spacing-md;
+    padding-right: $spacing-md;
+  }
 }
 
 .modelItem {
@@ -261,5 +279,9 @@
   color: var(--text-secondary);
   font-size: 13px;
   text-align: center;
-  background: var(--bg-primary);
+
+  @include mobile {
+    padding-left: $spacing-md;
+    padding-right: $spacing-md;
+  }
 }
diff --git a/src/pages/AuthFilesOAuthModelAliasEditPage.module.scss b/src/pages/AuthFilesOAuthModelAliasEditPage.module.scss
index a3c440f..aaae48d 100644
--- a/src/pages/AuthFilesOAuthModelAliasEditPage.module.scss
+++ b/src/pages/AuthFilesOAuthModelAliasEditPage.module.scss
@@ -83,7 +83,7 @@
 
 .settingsCard {
   padding: 0;
-  overflow: hidden;
+  overflow: visible;
 }
 
 .settingsHeader {
@@ -92,7 +92,11 @@
   gap: $spacing-xs;
   padding: $spacing-md $spacing-lg;
   border-bottom: 1px solid var(--border-color);
-  background: var(--bg-primary);
+
+  @include mobile {
+    padding-left: $spacing-md;
+    padding-right: $spacing-md;
+  }
 }
 
 .settingsHeaderTitle {
@@ -113,7 +117,11 @@
   flex-direction: column;
   gap: $spacing-sm;
   padding: $spacing-md $spacing-lg $spacing-lg;
-  background: var(--bg-primary);
+
+  @include mobile {
+    padding-left: $spacing-md;
+    padding-right: $spacing-md;
+  }
 }
 
 .settingsRow {
@@ -121,6 +129,12 @@
   align-items: flex-start;
   justify-content: space-between;
   gap: $spacing-lg;
+
+  @include mobile {
+    flex-direction: column;
+    align-items: stretch;
+    gap: $spacing-sm;
+  }
 }
 
 .settingsInfo {
@@ -202,7 +216,11 @@
   gap: $spacing-md;
   padding: $spacing-md $spacing-lg;
   border-bottom: 1px solid var(--border-color);
-  background: var(--bg-primary);
+
+  @include mobile {
+    padding-left: $spacing-md;
+    padding-right: $spacing-md;
+  }
 }
 
 .mappingsTitle {
@@ -217,13 +235,21 @@
   padding: $spacing-sm $spacing-lg;
   font-size: 13px;
   color: var(--text-secondary);
-  background: var(--bg-primary);
   border-bottom: 1px solid var(--border-color);
+
+  @include mobile {
+    padding-left: $spacing-md;
+    padding-right: $spacing-md;
+  }
 }
 
 .mappingsBody {
   padding: $spacing-sm $spacing-lg $spacing-lg;
-  background: var(--bg-primary);
+
+  @include mobile {
+    padding-left: $spacing-md;
+    padding-right: $spacing-md;
+  }
 }
 
 .mappingRow {