till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-14 22:01:09 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

fix(subscriptions): single-column layout for workbench context

Browse source 
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) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-04-16 12:34:36 +02:00
parent be81d11dc3
commit 2ead0f36df
1 changed files with 1 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

33
packages/subscriptions/src/pages/SubscriptionPage.svelte
View file

@ -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);
}
}
</style>