From 3c1a6009949e7d32ccdce4f42d29dcf2fda3f2ac Mon Sep 17 00:00:00 2001
From: Supra4E8C <tan13318527080@163.com>
Date: Thu, 11 Dec 2025 01:27:40 +0800
Subject: [PATCH] feat: improve AuthFilesPage styles by enhancing input
 component dimensions, adjusting filterItem widths for better layout, and
 ensuring consistent box-sizing across elements

---
 src/pages/AuthFilesPage.module.scss | 30 ++++++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/pages/AuthFilesPage.module.scss b/src/pages/AuthFilesPage.module.scss
index f46a759..be89a4f 100644
--- a/src/pages/AuthFilesPage.module.scss
+++ b/src/pages/AuthFilesPage.module.scss
@@ -61,18 +61,40 @@
   gap: $spacing-md;
   flex-wrap: wrap;
   align-items: flex-end;
+
+  // 修复 Input 组件在 filterItem 中的嵌套样式
+  :global(.form-group) {
+    margin: 0;
+  }
+
+  :global(.input) {
+    height: 38px;
+    box-sizing: border-box;
+  }
 }
 
 .filterItem {
   display: flex;
   flex-direction: column;
   gap: 4px;
-  min-width: 120px;
 
   label {
     font-size: 12px;
     color: var(--text-secondary);
     font-weight: 500;
+    white-space: nowrap;
+  }
+
+  // 搜索输入框需要更宽以显示完整的 placeholder
+  &:first-child {
+    min-width: 220px;
+    flex: 1;
+    max-width: 320px;
+  }
+
+  // 其他 filterItem 保持较小的宽度
+  &:not(:first-child) {
+    min-width: auto;
   }
 }
 
@@ -84,6 +106,8 @@
   color: var(--text-primary);
   font-size: 14px;
   cursor: pointer;
+  height: 38px;
+  box-sizing: border-box;
 
   &:focus {
     outline: none;
@@ -98,6 +122,10 @@
   font-size: 13px;
   color: var(--text-secondary);
   white-space: nowrap;
+  height: 38px;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
 }
 
 // 卡片网格