From 2ead0f36dfafe16ca6094a7bfcca3cdbce9b334e Mon Sep 17 00:00:00 2001 From: Till JS Date: Thu, 16 Apr 2026 12:34:36 +0200 Subject: [PATCH] fix(subscriptions): single-column layout for workbench context SubscriptionPage had responsive multi-column grids (up to 4 columns on xl). In the workbench card context this created awkward layouts. Switch to single-column throughout and narrow max-width to 40rem. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../src/pages/SubscriptionPage.svelte | 33 +------------------ 1 file changed, 1 insertion(+), 32 deletions(-) diff --git a/packages/subscriptions/src/pages/SubscriptionPage.svelte b/packages/subscriptions/src/pages/SubscriptionPage.svelte index 9da2c83bd..158d977d0 100644 --- a/packages/subscriptions/src/pages/SubscriptionPage.svelte +++ b/packages/subscriptions/src/pages/SubscriptionPage.svelte @@ -168,7 +168,7 @@ } .subscription-page__container { - max-width: 72rem; + max-width: 40rem; margin: 0 auto; padding-bottom: 3rem; width: 100%; @@ -233,12 +233,6 @@ gap: 1rem; } - @media (min-width: 768px) { - .subscription-page__usage-grid { - grid-template-columns: 1fr 1fr; - } - } - .subscription-page__toggle { display: flex; justify-content: center; @@ -250,29 +244,4 @@ grid-template-columns: 1fr; gap: 1.5rem; } - - @media (min-width: 480px) { - .subscription-page__cards-grid { - grid-template-columns: repeat(2, 1fr); - } - } - - @media (min-width: 768px) { - .subscription-page__cards-grid { - grid-template-columns: repeat(2, 1fr); - gap: 1.5rem; - } - } - - @media (min-width: 1024px) { - .subscription-page__cards-grid { - grid-template-columns: repeat(3, 1fr); - } - } - - @media (min-width: 1280px) { - .subscription-page__cards-grid { - grid-template-columns: repeat(4, 1fr); - } - }