xuans/Smail
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

优化设置面板桌面端边距

Browse Source
This commit is contained in:
smail 2026-10-15 17:42:32 +08:00
parent 73bb337ed2
commit 6141834e5c
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/views/components/HomeHeader/HomeHeader.css
View File

@ -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;

2
test/frontend/settings-menu.test.mjs
View File

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