Merge pull request '用户中心 CSS 整包重命名:按 shell/credits/settings/responsive 职责拆分' (#37) from worktree-user-orphan-cleanup into main
Reviewed-on: CYL/wordpress-theme-aksrt#37
This commit is contained in:
commit
846a2f8a45
7 files changed
+131
-107
No files matched your search
@@ -1,5 +1,4 @@
|
|||||||
@import url("user-center/part-1.css");
|
@import url("user-center/shell.css");
|
||||||
@import url("user-center/part-2.css");
|
@import url("user-center/credits.css");
|
||||||
@import url("user-center/part-3.css");
|
@import url("user-center/settings.css");
|
||||||
@import url("user-center/part-4.css");
|
@import url("user-center/responsive.css");
|
||||||
@import url("user-center/part-5.css");
|
|
||||||
@@ -1,3 +1,18 @@
|
|||||||
|
/**
|
||||||
|
* User Center — credits balance + transactions
|
||||||
|
*/
|
||||||
|
|
||||||
|
.uc-balance-card {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-content #panel-credits .uc-transactions {
|
||||||
|
background: transparent;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-content #panel-credits .uc-transactions__header,
|
||||||
.uc-content #panel-credits .uc-transactions__item {
|
.uc-content #panel-credits .uc-transactions__item {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
@@ -298,3 +313,11 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-transactions__empty p {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
@@ -1,51 +0,0 @@
|
|||||||
border-right: 1px solid var(--color-line-soft, rgba(0,0,0,0.06));
|
|
||||||
border-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uc-content .aksrt-invite-stat:last-child {
|
|
||||||
border-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uc-content .aksrt-invite-stat strong {
|
|
||||||
font-size: 22px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uc-content .aksrt-invite-stat span,
|
|
||||||
.uc-content .aksrt-invite-stat strong {
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uc-content .aksrt-invite-stat small {
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uc-content .aksrt-invite-records {
|
|
||||||
padding: 14px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uc-content .aksrt-invite-record {
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uc-content .aksrt-invite-record__status {
|
|
||||||
min-width: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 520px) {
|
|
||||||
.uc-content .aksrt-invite-record {
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uc-content .aksrt-invite-record__main {
|
|
||||||
flex: 1 1 calc(100% - 54px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.uc-content .aksrt-invite-record__status {
|
|
||||||
flex: 1 1 100%;
|
|
||||||
align-items: flex-start;
|
|
||||||
padding-left: 54px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
+53
-32
@@ -1,35 +1,6 @@
|
|||||||
font-weight: 700;
|
/**
|
||||||
}
|
* User Center — mobile tabs, drawer breakpoints, a11y/loading, invite mobile
|
||||||
|
*/
|
||||||
.uc-content .aksrt-invite-badge.is-registered {
|
|
||||||
color: #2563eb;
|
|
||||||
background: rgba(37, 99, 235, 0.10);
|
|
||||||
}
|
|
||||||
|
|
||||||
.uc-content .aksrt-invite-badge.is-verified {
|
|
||||||
color: #7c3aed;
|
|
||||||
background: rgba(124, 58, 237, 0.10);
|
|
||||||
}
|
|
||||||
|
|
||||||
.uc-content .aksrt-invite-badge.is-rewarded {
|
|
||||||
color: #16a34a;
|
|
||||||
background: rgba(22, 163, 74, 0.10);
|
|
||||||
}
|
|
||||||
|
|
||||||
.uc-content .aksrt-invite-record__status small {
|
|
||||||
font-size: 12px;
|
|
||||||
color: var(--color-ink-4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.uc-content .aksrt-invite-record-empty {
|
|
||||||
padding: 22px 0;
|
|
||||||
border: 0;
|
|
||||||
border-top: 1px solid var(--color-line-soft, rgba(0,0,0,0.06));
|
|
||||||
text-align: center;
|
|
||||||
font-size: 13px;
|
|
||||||
color: var(--color-ink-4);
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==================== 移动端 Tab 栏 ==================== */
|
/* ==================== 移动端 Tab 栏 ==================== */
|
||||||
.uc-mobile-tabs {
|
.uc-mobile-tabs {
|
||||||
@@ -295,3 +266,53 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
|
border-right: 1px solid var(--color-line-soft, rgba(0,0,0,0.06));
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-content .aksrt-invite-stat:last-child {
|
||||||
|
border-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-content .aksrt-invite-stat strong {
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-content .aksrt-invite-stat span,
|
||||||
|
.uc-content .aksrt-invite-stat strong {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-content .aksrt-invite-stat small {
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-content .aksrt-invite-records {
|
||||||
|
padding: 14px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-content .aksrt-invite-record {
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-content .aksrt-invite-record__status {
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 520px) {
|
||||||
|
.uc-content .aksrt-invite-record {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-content .aksrt-invite-record__main {
|
||||||
|
flex: 1 1 calc(100% - 54px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-content .aksrt-invite-record__status {
|
||||||
|
flex: 1 1 100%;
|
||||||
|
align-items: flex-start;
|
||||||
|
padding-left: 54px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
+35
-8
@@ -1,11 +1,6 @@
|
|||||||
color: var(--color-ink-4);
|
/**
|
||||||
}
|
* User Center — account settings + invite panel
|
||||||
|
*/
|
||||||
.uc-transactions__empty p {
|
|
||||||
font-size: 14px;
|
|
||||||
color: var(--color-ink-4);
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 设置区增强 */
|
/* 设置区增强 */
|
||||||
.uc-content .settings-section {
|
.uc-content .settings-section {
|
||||||
@@ -298,3 +293,35 @@
|
|||||||
padding: 0 9px;
|
padding: 0 9px;
|
||||||
border-radius: 999px;
|
border-radius: 999px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-content .aksrt-invite-badge.is-registered {
|
||||||
|
color: #2563eb;
|
||||||
|
background: rgba(37, 99, 235, 0.10);
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-content .aksrt-invite-badge.is-verified {
|
||||||
|
color: #7c3aed;
|
||||||
|
background: rgba(124, 58, 237, 0.10);
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-content .aksrt-invite-badge.is-rewarded {
|
||||||
|
color: #16a34a;
|
||||||
|
background: rgba(22, 163, 74, 0.10);
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-content .aksrt-invite-record__status small {
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-content .aksrt-invite-record-empty {
|
||||||
|
padding: 22px 0;
|
||||||
|
border: 0;
|
||||||
|
border-top: 1px solid var(--color-line-soft, rgba(0,0,0,0.06));
|
||||||
|
text-align: center;
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
@@ -1,3 +1,7 @@
|
|||||||
|
/**
|
||||||
|
* User Center — shell / sidebar / content base / drawer
|
||||||
|
*/
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* AKSRT User Center — 本人中心专属样式
|
* AKSRT User Center — 本人中心专属样式
|
||||||
*
|
*
|
||||||
@@ -301,14 +305,4 @@
|
|||||||
border-top: 1px solid var(--color-line-soft, rgba(0,0,0,0.06));
|
border-top: 1px solid var(--color-line-soft, rgba(0,0,0,0.06));
|
||||||
}
|
}
|
||||||
|
|
||||||
.uc-content #panel-credits .uc-balance-card {
|
.uc-content #panel-credits
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uc-content #panel-credits .uc-transactions {
|
|
||||||
background: transparent;
|
|
||||||
border: 0;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uc-content #panel-credits .uc-transactions__header,
|
|
||||||
@@ -5,5 +5,16 @@
|
|||||||
- 挂载点:header / sidebar / mobile-tabs / panel-* / account-modals / runtime-config
|
- 挂载点:header / sidebar / mobile-tabs / panel-* / account-modals / runtime-config
|
||||||
- 渲染器:inc/helpers/user-center-renderers/profile-*.php
|
- 渲染器:inc/helpers/user-center-renderers/profile-*.php
|
||||||
|
|
||||||
|
样式归属:
|
||||||
|
- assets/css/routes/user-center.css
|
||||||
|
- shell.css — 容器/侧栏/内容区/抽屉
|
||||||
|
- credits.css — 余额卡/流水
|
||||||
|
- settings.css — 设置区/邀请面板
|
||||||
|
- responsive.css — 移动端 tabs/断点/a11y
|
||||||
|
- assets/css/routes/profile.css — 共享头区/列表/弹窗
|
||||||
|
|
||||||
|
脚本归属:
|
||||||
|
- assets/js/routes/user-center.js
|
||||||
|
|
||||||
旧 uc-* 草稿 partial 与 templates/parts/profile/part-* 拆分残片已删除,勿再引入。
|
旧 uc-* 草稿 partial 与 templates/parts/profile/part-* 拆分残片已删除,勿再引入。
|
||||||
-->
|
-->
|
||||||
Reference in new issue
Block a user