对齐页签面板左右留白,修掉移动端右侧贴边

- 删除 .platform-tab-panel 里写死的 padding-right: 0.25rem:它是不分层规则,优先级高于 Tailwind @layer utilities 的 padding-inline,把右内边距钉成 0
- 同时删除 @media (max-width: 639px) .platform-tab-panel 与 .platform-desktop-shell--workbench .platform-tab-panel 里各自重复的 padding-right: 0
- 左右留白统一交给使用处的 px-3 / sm:px-6;没有 px 类的舞台(创作主页、我的、游玩页)保持 0/0
- 实测:390 下面板 12/12、列表左右留白 28/28;820 下 24/24、44/44(改前为 12/0、28/16 与 24/0、44/20),横向溢出仍为 0
- pitfalls 与里程碑文档同步该根因(unlayered 覆盖 Tailwind 层级)与测量结论
This commit is contained in:
2026-09-30 12:52:15 +08:00
parent 3bb1c28a51
commit baca440c5d
3 changed files with 7 additions and 8 deletions
+5 -7
View File
@@ -1173,13 +1173,16 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
padding-right: 0.25rem;
/*
* 左右留白只由使用处的 `px-3` / `sm:px-6`(Tailwind 的 padding-inline)决定。
* 这里以前写死 `padding-right`,会压过 Tailwind 的 inline padding,让右边永远
* 比左边小一截(移动端实测左 12/右 0),页面看着不居中。
*/
}
/* 游玩页是固定画布:面板不滚动,播放器撑满剩余高度,移动端也不会整页可滚。 */
.platform-tab-panel--game-play {
overflow: hidden;
padding-right: 0;
}
.platform-tab-panel--hidden {
@@ -11447,10 +11450,6 @@ button.image-canvas-editor__reference-chip:disabled {
font-size: 0.62rem;
}
.platform-tab-panel {
padding-right: 0;
}
.platform-mobile-topbar {
min-height: 2.75rem;
}
@@ -12727,7 +12726,6 @@ button.image-canvas-editor__reference-chip:disabled {
.platform-desktop-shell--workbench .platform-tab-panel {
height: 100%;
overflow: auto;
padding-right: 0;
}
.platform-desktop-shell--workbench .creation-landing {