From f87aaba649226188aa062193fe8abe32002b9792 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Thu, 15 Oct 2026 18:48:58 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=9D=9E=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E8=8F=9C=E5=8D=95=E6=96=87=E5=AD=97=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

为设置菜单增加非压缩的水平布局、文字容器弹性和溢出裁切，避免设置页缩窄后菜单文字变形，同时补充布局测试。
---
 frontend/src/views/components/HomeHeader/HomeHeader.css | 6 ++++++
 test/frontend/settings-menu.test.mjs                    | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/frontend/src/views/components/HomeHeader/HomeHeader.css b/frontend/src/views/components/HomeHeader/HomeHeader.css
index b99fa4d..8c37547 100644
--- a/frontend/src/views/components/HomeHeader/HomeHeader.css
+++ b/frontend/src/views/components/HomeHeader/HomeHeader.css
@@ -154,6 +154,8 @@
   height: auto;
   min-height: 52px;
   min-width: 0;
+  width: 100%;
+  box-sizing: border-box;
   justify-content: flex-start;
   margin: 2px 0;
   padding: 8px !important;
@@ -187,6 +189,8 @@
   align-items: center;
   gap: 8px;
   min-width: 0;
+  width: 100%;
+  flex-wrap: nowrap;
 }
 
 .settings-category-icon {
@@ -196,8 +200,10 @@
 
 .settings-category-copy {
   display: grid;
+  flex: 1 1 auto;
   gap: 2px;
   min-width: 0;
+  overflow: hidden;
 }
 
 .settings-category-label {
diff --git a/test/frontend/settings-menu.test.mjs b/test/frontend/settings-menu.test.mjs
index 3e2426e..d766248 100644
--- a/test/frontend/settings-menu.test.mjs
+++ b/test/frontend/settings-menu.test.mjs
@@ -141,6 +141,8 @@ test('配置管理只在真实移动端将内部导航移到内容顶部', () =>
   const containerRule = config.slice(containerStart, desktopStart)
   assert.match(header, /:size="isMobile \? '100%' : '50%'"/)
   assert.match(read('HomeHeader/HomeHeader.css'), /\.settings-drawer\.el-drawer[\s\S]*right: 0[\s\S]*inset-block: 0[\s\S]*border-radius: 0;/)
+  assert.match(read('HomeHeader/HomeHeader.css'), /\.settings-category[\s\S]*flex-wrap: nowrap;/)
+  assert.match(read('HomeHeader/HomeHeader.css'), /\.settings-category-copy[\s\S]*flex: 1 1 auto;[\s\S]*overflow: hidden;/)
   assert.match(read('HomeHeader/HomeHeader.css'), /@media \(max-width: 768px\)[\s\S]*\.settings-drawer\.el-drawer[\s\S]*right: 0;/)
   assert.match(config, /grid-template-areas: "main submenu"/)
   assert.match(config, /@media \(min-width: 769px\)[\s\S]*grid-template-columns: minmax\(0, 1fr\)/)