对齐页签面板左右留白,修掉移动端右侧贴边
- 删除 .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:
+5
-7
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user