fix: normalize client billing presentation
This commit is contained in:
@@ -34,17 +34,18 @@ export function ClientBillingPage() {
|
||||
|
||||
return (
|
||||
<section className="page-stack client-billing-page">
|
||||
<div className="page-heading">
|
||||
<div><p className="eyebrow">账户</p><h1>账户余额</h1></div>
|
||||
<div className="sms-send-title">
|
||||
<span className="sms-send-title__icon"><WalletCards size={22} /></span>
|
||||
<h1>账户余额</h1>
|
||||
</div>
|
||||
<div className="dashboard-grid enterprise-summary-grid">
|
||||
<div className="surface mini-status-card">
|
||||
<WalletCards size={22} />
|
||||
<div><span>现金余额</span><strong className="client-amount-value"><MoneyText>¥{formatCents(balanceCents)}</MoneyText></strong><small>充值和扣费后的账面余额。</small></div>
|
||||
<div><span>现金余额</span><strong className="client-billing-amount">¥{formatCents(balanceCents)}</strong><small>充值和扣费后的账面余额。</small></div>
|
||||
</div>
|
||||
<div className="surface mini-status-card">
|
||||
<WalletCards size={22} />
|
||||
<div><span>可用发送额度</span><strong className="client-amount-value"><MoneyText>¥{formatCents(balanceCents + creditCents)}</MoneyText></strong><small>大于 0 时可以发送短信。</small></div>
|
||||
<div><span>可用发送额度</span><strong className="client-billing-amount">¥{formatCents(balanceCents + creditCents)}</strong><small>大于 0 时可以发送短信。</small></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="surface section-stack">
|
||||
|
||||
@@ -599,6 +599,21 @@
|
||||
font-size: 28px !important;
|
||||
}
|
||||
|
||||
.client-billing-page .client-billing-amount {
|
||||
background: none;
|
||||
color: var(--color-text-strong);
|
||||
font-family: inherit;
|
||||
font-size: 32px;
|
||||
font-style: normal;
|
||||
font-variant-numeric: normal;
|
||||
font-weight: var(--font-weight-regular);
|
||||
letter-spacing: normal;
|
||||
line-height: 1.25;
|
||||
text-shadow: none;
|
||||
-webkit-background-clip: border-box;
|
||||
-webkit-text-fill-color: currentColor;
|
||||
}
|
||||
|
||||
.send-submit-hint {
|
||||
color: var(--color-text-muted);
|
||||
font-size: var(--font-size-sm);
|
||||
|
||||
Reference in New Issue
Block a user