Align forum shop and user page shells

This commit is contained in:
kate522 committed 2026-07-06 11:49:31 +08:00
1 parent 4043de2473
commit 1284ebc63e
14 files changed
+348 -44

No files matched your search

+19 -2
View File
@@ -109,8 +109,25 @@
object-fit: cover;
}
/* ===== Badges & Price ===== */
.aksrt-product-page__badges,
.aksrt-product-page__service-strip {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 6px 0 4px;
}
.aksrt-product-page__service-strip span {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
border-radius: 999px;
background: var(--surface-2);
color: var(--color-ink-3);
font-size: 12px;
font-weight: 500;
}
.aksrt-product-page__price-row,
.aksrt-product-page__quantity,
.aksrt-product-page__term-list,
+20
View File
@@ -26,6 +26,26 @@
width: 100%;
}
.uc-header__actions {
position: relative;
}
.uc-header__action-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 18px;
height: 18px;
margin-left: 6px;
padding: 0 5px;
border-radius: 999px;
background: var(--color-error, #ef4444);
color: #fff;
font-size: 11px;
font-weight: 700;
line-height: 1;
}
/* ==================== 左侧边栏 ==================== */
.uc-sidebar {
position: sticky;
+31 -7
View File
@@ -635,12 +635,36 @@
}
}
@media (max-width: 480px) {
.aksrt-user-home .uc-header__actions {
justify-content: flex-start;
}
.aksrt-user-home .dashboard--public {
padding: 14px;
}
.aksrt-user-home .uh-forum__section-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-bottom: 18px;
padding-bottom: 14px;
border-bottom: 1px solid var(--color-line-soft, rgba(0,0,0,0.06));
}
.aksrt-user-home .uh-forum__section-title-main {
margin: 0 0 6px;
font-size: 20px;
color: var(--color-ink);
}
.aksrt-user-home .uh-forum__section-desc {
margin: 0;
color: var(--color-ink-3);
font-size: 13px;
}
.aksrt-user-home .uh-forum__section-link {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
border-radius: 999px;
background: var(--surface-2);
color: var(--color-ink-2);
text-decoration: none;
}