kate522
52ad9fbbd3
Give the standalone promotion tab its own stylesheet and a task-priority layout (成果概览 → 分享操作 → 奖励说明 → 邀请记录). - assets/css/routes/user-center/promotion.css: new module owning all uc-promotion-* rules; flattens #panel-promotion chrome, adds focus-visible on the copy button + link input, and a ≤640px single-column layout with a full-width copy button (no horizontal overflow) - user-center.css: import the new promotion.css - user-center/revenue.css: drop the now-migrated uc-promotion-* rules (keep only the revenue-layout mobile rule) - profile-invite.php: refresh doc header to describe the section priority order; copy button stays a focusable <button>, credits.js keeps text-based success/failure feedback via [data-invite-copy-feedback]
25 lines
2.5 KiB
CSS
25 lines
2.5 KiB
CSS
.uc-content .uc-revenue-card { margin: 0 0 24px; padding: 20px; border: 1px solid var(--color-line-soft, rgba(0,0,0,.06)); border-radius: 14px; background: var(--surface-1); }
|
|
.uc-content .uc-revenue-card__header { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
|
|
.uc-content .uc-revenue-card__icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #fff; background: #ce6b35; }
|
|
.uc-content .uc-revenue-card__header p { margin: 0 0 2px; color: var(--color-ink-4); font-size: 12px; }
|
|
.uc-content .uc-revenue-card__header h3 { margin: 0; color: var(--color-ink); font-size: 18px; }
|
|
.uc-content .uc-revenue-card .aksrt-revenue-page__stats { margin-bottom: 18px; }
|
|
.uc-content #panel-revenue.dashboard-panel { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
|
|
.uc-content .uc-revenue-panel { padding: 4px 0; }
|
|
.uc-content .uc-revenue-panel__header { margin-bottom: 20px; }
|
|
.uc-content .uc-revenue-panel__header p { margin: 0 0 4px; color: var(--color-primary); font-size: 12px; font-weight: 700; }
|
|
.uc-content .uc-revenue-panel__header h2 { margin: 0; color: var(--color-ink); font-size: 22px; }
|
|
.uc-content .uc-revenue-panel__header > span { display: block; margin-top: 7px; color: var(--color-ink-4); font-size: 13px; }
|
|
.uc-content .aksrt-revenue-page__layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; }
|
|
.uc-content .aksrt-revenue-page__panel,
|
|
.uc-content .aksrt-revenue-page__section { padding: 20px; border: 1px solid var(--color-line-soft, rgba(0,0,0,.06)); border-radius: 14px; background: var(--surface-1); }
|
|
.uc-content .aksrt-revenue-page__panel h3,
|
|
.uc-content .aksrt-revenue-page__section h3 { margin: 0 0 14px; font-size: 16px; }
|
|
.uc-content .aksrt-revenue-page__withdraw-form { display: grid; gap: 12px; }
|
|
.uc-content .aksrt-revenue-page__withdraw-form label { display: grid; gap: 6px; color: var(--color-ink-3); font-size: 13px; }
|
|
.uc-content .aksrt-revenue-page__withdraw-form input,
|
|
.uc-content .aksrt-revenue-page__withdraw-form select,
|
|
.uc-content .aksrt-revenue-page__withdraw-form textarea { width: 100%; padding: 9px 11px; border: 1px solid var(--color-line-soft, rgba(0,0,0,.1)); border-radius: 8px; color: var(--color-ink); background: var(--surface-2); }
|
|
.uc-content .aksrt-revenue-page__form-msg.is-error { color: var(--color-error, #dc2626); }
|
|
@media (max-width: 640px) { .uc-content .aksrt-revenue-page__layout { grid-template-columns: 1fr; } }
|