fix(user-center): restore page-owned dual-column sidebar layout

User center left nav (stats/services/commerce) stacked or hid after
content-layout lost its grid and the site float shell treated the
nested .sidebar as a widget column. Scope a CSS grid under
body.aksrt-user-center, neutralize site-layout float/hide, align the
drawer to ≤991.98, and drop the truncated #panel-credits selector.
This commit is contained in:
kate522 committed 2026-07-16 11:56:09 +08:00
1 parent a1d724d48e
commit c656c20c8b
3 files changed
+85 -23

No files matched your search

+25 -10
View File
@@ -51,30 +51,43 @@
}
}
/* ==================== 响应式 ==================== */
@media (max-width: 767px) {
.uc-sidebar {
/* ==================== 响应式抽屉(对齐全站 ≤991 隐藏点,覆盖 display:none) ==================== */
@media (max-width: 991.98px) {
body.aksrt-user-center .aksrt-profile__layout {
display: block;
}
/* 覆盖 layout.css / sidebar.css 的 .sidebar { display:none } 与 .content-layout__aside hide */
body.aksrt-user-center .sidebar.page-owned.uc-sidebar,
body.aksrt-user-center .content-layout__aside.page-owned {
display: flex;
float: none;
width: 270px;
margin-left: 0;
margin-right: 0;
}
body.aksrt-user-center .sidebar.page-owned.uc-sidebar {
position: fixed;
top: 0;
left: -280px;
bottom: 0;
width: 270px;
z-index: 300;
background: var(--surface-1);
padding: 0;
overflow-y: auto;
overflow-x: hidden;
transition: left 0.3s cubic-bezier(0.22, 1, 0.36, 1);
box-shadow: 4px 0 24px rgba(0,0,0,0.12);
box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
gap: 0;
}
.uc-sidebar.is-open {
body.aksrt-user-center .sidebar.page-owned.uc-sidebar.is-open {
left: 0;
}
/* 抽屉头部 */
.uc-sidebar::before {
body.aksrt-user-center .sidebar.page-owned.uc-sidebar::before {
content: '';
display: block;
height: 100px;
@@ -82,24 +95,26 @@
flex-shrink: 0;
}
.uc-sidebar__section {
body.aksrt-user-center .uc-sidebar__section {
border-radius: 0;
border-left: none;
border-right: none;
box-shadow: none;
}
.uc-sidebar__section:first-of-type {
body.aksrt-user-center .uc-sidebar__section:first-of-type {
margin-top: -20px;
position: relative;
z-index: 1;
border-radius: 12px 12px 0 0;
}
.uc-sidebar__drawer-trigger {
body.aksrt-user-center .uc-sidebar__drawer-trigger {
display: flex;
}
}
@media (max-width: 767px) {
.uc-content .dashboard-panel {
padding: 16px;
}