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 @@ 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\)/)