Skip to content

Commit 737eb23

Browse files
committed
refactor(maintainers): keep a two-column floor so narrow screens stop scrolling one card at a time
1 parent ad7e6bd commit 737eb23

3 files changed

Lines changed: 3 additions & 3 deletions

File tree

src/routes/_library/$libraryId/$version.docs.contributors.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -99,7 +99,7 @@ function RouteComponent() {
9999
? 'grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4'
100100
: viewMode === 'row'
101101
? 'flex flex-col gap-4'
102-
: 'grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-6 [&>*>*]:max-w-none @[43rem]:grid-cols-3'
102+
: 'grid grid-cols-2 gap-6 [&>*>*]:max-w-none @[28rem]:grid-cols-[repeat(auto-fit,minmax(180px,1fr))] @[43rem]:grid-cols-3'
103103
} mb-8 pt-8`}
104104
>
105105
{libraryContributors.map((maintainer, index) => (

src/routes/maintainers.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -341,7 +341,7 @@ function MaintainerGrid({
341341
? 'grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-6'
342342
: viewMode === 'row'
343343
? 'flex flex-col gap-4'
344-
: 'grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-6 [&>*>*]:max-w-none @[43rem]:grid-cols-3'
344+
: 'grid grid-cols-2 gap-6 [&>*>*]:max-w-none @[28rem]:grid-cols-[repeat(auto-fit,minmax(180px,1fr))] @[43rem]:grid-cols-3'
345345
}`}
346346
>
347347
{maintainers.map((maintainer, index) => (

src/routes/paid-support.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,7 @@ function PaidSupportComp() {
107107
? 'grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3'
108108
: viewMode === 'row'
109109
? 'flex flex-col gap-4'
110-
: 'grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-6 [&>*>*]:max-w-none @[43rem]:grid-cols-3'
110+
: 'grid grid-cols-2 gap-6 [&>*>*]:max-w-none @[28rem]:grid-cols-[repeat(auto-fit,minmax(180px,1fr))] @[43rem]:grid-cols-3'
111111
}`}
112112
>
113113
{coreMaintainers.map((maintainer, index) => (

0 commit comments

Comments
 (0)