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:
1 parent
a1d724d48e
commit
c656c20c8b
3 files changed
+85
-23
No files matched your search
@@ -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;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user