Fix account payment layout responsiveness
This commit is contained in:
@@ -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"') &&
|
||||||
|
|||||||
Reference in New Issue
Block a user