From 6141834e5c3522264e4a4c3ee150cb8c3c45bc38 Mon Sep 17 00:00:00 2001 From: smail Date: Thu, 15 Oct 2026 17:42:32 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=AE=BE=E7=BD=AE=E9=9D=A2?= =?UTF-8?q?=E6=9D=BF=E6=A1=8C=E9=9D=A2=E7=AB=AF=E8=BE=B9=E8=B7=9D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/views/components/HomeHeader/HomeHeader.css | 4 +++- test/frontend/settings-menu.test.mjs | 2 ++ 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/frontend/src/views/components/HomeHeader/HomeHeader.css b/frontend/src/views/components/HomeHeader/HomeHeader.css index 543e8fc..6b5d6bc 100644 --- a/frontend/src/views/components/HomeHeader/HomeHeader.css +++ b/frontend/src/views/components/HomeHeader/HomeHeader.css @@ -75,10 +75,11 @@ /* 抽屉由 Teleport 挂载，使用专属类限定，不能依赖祖先的作用域属性。 */ :global(.settings-drawer.el-drawer) { + right: 16px; inset-block: 12px; height: auto; max-height: calc(100dvh - 24px); - border-radius: 18px 0 0 18px; + border-radius: 18px; overflow: hidden; } @@ -261,6 +262,7 @@ } :global(.settings-drawer.el-drawer) { + right: 0; inset-block: 0; max-height: none; border-radius: 0; diff --git a/test/frontend/settings-menu.test.mjs b/test/frontend/settings-menu.test.mjs index 331d879..f9eb07e 100644 --- a/test/frontend/settings-menu.test.mjs +++ b/test/frontend/settings-menu.test.mjs @@ -140,6 +140,8 @@ test('配置管理只在真实移动端将内部导航移到内容顶部', () => 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(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\)/) assert.match(config, /@media \(max-width: 768px\)[\s\S]*"submenu"[\s\S]*"main"/)