From 2083f22ce8f738c076e9b7a3cf0df76fa7db7f87 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Thu, 15 Oct 2026 18:26:20 +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=AE=BE=E7=BD=AE=E9=A1=B5=E7=99=BE=E5=88=86=E4=B9=8B?=
 =?UTF-8?q?=E4=BA=94=E5=8D=81=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

设置页在非移动端固定占视口宽度百分之五十，贴合右侧和上下边缘并移除圆角；移动端继续保持全屏布局，同时更新布局测试。
---
 .../src/views/components/HomeHeader/HomeHeader.css     | 10 +++++-----
 .../src/views/components/HomeHeader/HomeHeader.vue     |  2 +-
 test/frontend/settings-menu.test.mjs                   |  4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/views/components/HomeHeader/HomeHeader.css b/frontend/src/views/components/HomeHeader/HomeHeader.css
index 6b5d6bc2..b99fa4d1 100644
--- a/frontend/src/views/components/HomeHeader/HomeHeader.css
+++ b/frontend/src/views/components/HomeHeader/HomeHeader.css
@@ -75,11 +75,11 @@
 
 /* 抽屉由 Teleport 挂载，使用专属类限定，不能依赖祖先的作用域属性。 */
 :global(.settings-drawer.el-drawer) {
-  right: 16px;
-  inset-block: 12px;
-  height: auto;
-  max-height: calc(100dvh - 24px);
-  border-radius: 18px;
+  right: 0;
+  inset-block: 0;
+  height: 100dvh;
+  max-height: none;
+  border-radius: 0;
   overflow: hidden;
 }
 
diff --git a/frontend/src/views/components/HomeHeader/HomeHeader.vue b/frontend/src/views/components/HomeHeader/HomeHeader.vue
index d41e56dc..536660cd 100644
--- a/frontend/src/views/components/HomeHeader/HomeHeader.vue
+++ b/frontend/src/views/components/HomeHeader/HomeHeader.vue
@@ -20,7 +20,7 @@
   <!-- 设置抽屉保留右侧导航，一级分类不影响内部标签页。 -->
   <el-drawer
     v-model="globalStatus.settingsDrawerVisible"
-    :size="isMobile ? '100%' : 'min(1180px, calc(100vw - 32px))'"
+    :size="isMobile ? '100%' : '50%'"
     :title="lang.settings"
     class="settings-drawer"
     :with-header="true"
diff --git a/test/frontend/settings-menu.test.mjs b/test/frontend/settings-menu.test.mjs
index f9eb07e6..3e2426e1 100644
--- a/test/frontend/settings-menu.test.mjs
+++ b/test/frontend/settings-menu.test.mjs
@@ -139,8 +139,8 @@ test('配置管理只在真实移动端将内部导航移到内容顶部', () =>
   const containerStart = config.indexOf('@container settings-content (max-width: 560px)')
   const desktopStart = config.indexOf('@media (min-width: 769px)', containerStart)
   const containerRule = config.slice(containerStart, desktopStart)
-  assert.match(header, /min\(1180px, calc\(100vw - 32px\)\)/)
-  assert.match(read('HomeHeader/HomeHeader.css'), /\.settings-drawer\.el-drawer[\s\S]*right: 16px[\s\S]*border-radius: 18px;/)
+  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'), /@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\)/)