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} ) : null}
<div <div
data-testid="payment-management-grid" 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 className="space-y-5">
<div> <div>
@@ -1153,7 +1155,10 @@ export function AccountCenter() {
</div> </div>
</div> </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 <InfoRow
icon={Mail} icon={Mail}
label={copy.paymentAccount} label={copy.paymentAccount}
@@ -184,9 +184,10 @@ export function runTests() {
); );
assert( assert(
accountCenterSource.includes("data-testid=\"payment-management-grid\"") && accountCenterSource.includes("data-testid=\"payment-management-grid\"") &&
accountCenterSource.includes("lg:grid-cols-[minmax(0,1fr)_minmax(320px,380px)]") && accountCenterSource.includes('hasTelegramPanel ? "" : "lg:grid-cols-[minmax(0,1fr)_minmax(320px,380px)]"') &&
accountCenterSource.includes("data-testid=\"payment-guard-grid\""), 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 ? "" : "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( assert(
!appAnalyticsSource.includes('NEXT_PUBLIC_POLYWEATHER_APP_ANALYTICS === "true"') && !appAnalyticsSource.includes('NEXT_PUBLIC_POLYWEATHER_APP_ANALYTICS === "true"') &&