Fix account payment layout responsiveness

This commit is contained in:
2569718930@qq.com
2026-05-29 21:34:36 +08:00
parent 3e24080466
commit 8507afedd6
2 changed files with 11 additions and 5 deletions
@@ -1046,7 +1046,9 @@ export function AccountCenter() {
) : null}
<div
data-testid="payment-management-grid"
className="grid gap-6 lg:grid-cols-[minmax(0,1fr)_minmax(320px,380px)] lg:items-start"
className={`grid gap-6 lg:items-start ${
hasTelegramPanel ? "" : "lg:grid-cols-[minmax(0,1fr)_minmax(320px,380px)]"
}`}
>
<div className="space-y-5">
<div>
@@ -1153,7 +1155,10 @@ export function AccountCenter() {
</div>
</div>
</div>
<div data-testid="payment-guard-grid" className="grid gap-3 sm:grid-cols-2">
<div
data-testid="payment-guard-grid"
className={`grid gap-3 ${hasTelegramPanel ? "" : "sm:grid-cols-2"}`}
>
<InfoRow
icon={Mail}
label={copy.paymentAccount}
@@ -184,9 +184,10 @@ export function runTests() {
);
assert(
accountCenterSource.includes("data-testid=\"payment-management-grid\"") &&
accountCenterSource.includes("lg:grid-cols-[minmax(0,1fr)_minmax(320px,380px)]") &&
accountCenterSource.includes("data-testid=\"payment-guard-grid\""),
"payment management must split plans/referrals from payment controls and compact guard details into grids",
accountCenterSource.includes('hasTelegramPanel ? "" : "lg:grid-cols-[minmax(0,1fr)_minmax(320px,380px)]"') &&
accountCenterSource.includes("data-testid=\"payment-guard-grid\"") &&
accountCenterSource.includes('hasTelegramPanel ? "" : "sm:grid-cols-2"'),
"payment management must only split into internal columns when it is not already sharing the row with a Telegram panel",
);
assert(
!appAnalyticsSource.includes('NEXT_PUBLIC_POLYWEATHER_APP_ANALYTICS === "true"') &&