Skip to content

fix(settings): 对齐关于页与其他设置页宽度 #1973

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
1w1w11w1 wants to merge 2 commits into
base: dev
Choose a base branch
from
+4 −13
Open

fix(settings): 对齐关于页与其他设置页宽度 #1973

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
5d624cb
fix(settings): 对齐关于页与其他设置页宽度
1w1w11w1 Nov 13, 2026
37011c1
test(settings): 移除一次性宽度校验
1w1w11w1 Nov 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions changelog.d/settings-tab-width.fix.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
project: settings
修复切换设置页“关于”标签时页面宽度不一致、标题横向移动的问题
15 changes: 2 additions & 13 deletions frontend/src/views/setting/components/SettingsSectionLayout.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -92,8 +92,6 @@ async function toggleNavigation() {
:class="{
'settings-shell--navigation-available': navigationAvailable,
'settings-shell--with-nav': hasNavigation,
'settings-shell--dual': effectiveDual,
'settings-shell--about': activeKey === 'others',
}"
>
<div class="settings-shell-main">
Expand Down Expand Up @@ -168,7 +166,7 @@ async function toggleNavigation() {
</template>

<style scoped>
/* 卡片与目录共用限宽容器，标题和页签保持同一条左边缘。 */
/* 所有页签共用限宽容器，切换页面或目录时标题和页签保持对齐。 */
.settings-section-layout {
position: relative;
display: flex;
Expand All @@ -185,20 +183,11 @@ async function toggleNavigation() {
flex: 1;
justify-content: center;
width: 100%;
max-width: 1040px;
max-width: 1440px;
min-height: 0;
margin: 0 auto;
}

.settings-shell--navigation-available,
.settings-shell--dual {
max-width: 1440px;
}

.settings-shell--about {
max-width: 1240px;
}

.settings-shell-main {
display: flex;
flex: 1;
Expand Down
Loading