fix(profile): full-bleed the user center only and keep public profile at content width
This commit is contained in:
@@ -16,16 +16,20 @@
|
||||
max-width: var(--container);
|
||||
}
|
||||
|
||||
/* 用户中心(双栏)与公开主页整页铺满视口,不受后台「内容最大宽度」限制。
|
||||
* 内容最大宽度只约束文章/归档等单栏阅读场景;两栏需要横向空间,
|
||||
* 被 1200 一类阅读宽度收窄会在左右两侧留下大片空白。
|
||||
* 统一在此声明,避免路由 CSS 与 legacy .container 规则各自漂移。 */
|
||||
.site-main.content-shell.aksrt-profile,
|
||||
.site-main.content-shell.aksrt-user-home {
|
||||
/* 用户中心(双栏)铺满视口:左栏 320 + 间距 20 + 右栏需要横向空间,被
|
||||
* 阅读宽度收窄会在左右两侧留下大片空白。只有 page-profile.php 的 main 带
|
||||
* .aksrt-profile(公开主页的该类只打在 body 上),因此不会误伤其它路由。 */
|
||||
.site-main.content-shell.aksrt-profile {
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* 公开主页是单栏,继续沿用后台「内容最大宽度」。 */
|
||||
.site-main.content-shell.aksrt-user-home {
|
||||
max-width: var(--container, 1440px);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.content-shell {
|
||||
padding: 40px 24px 56px;
|
||||
|
||||
Reference in New Issue
Block a user