strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Increase grid density for aspect ratios 1 or lower

Browse Source
This commit is contained in:
Sam Becker 2023-12-06 14:26:02 -06:00
parent ebd68e1d8e
commit 2cac722284
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/photo/PhotoGrid.tsx
View File

@ -7,6 +7,8 @@ import MorePhotos from '@/photo/MorePhotos';
import { FilmSimulation } from '@/simulation';
import { GRID_ASPECT_RATIO } from '@/site/config';
const HIGH_DENSITY = GRID_ASPECT_RATIO <= 1;
export default function PhotoGrid({
photos,
selectedPhoto,
@ -41,7 +43,9 @@ export default function PhotoGrid({
'grid gap-1',
small
? 'grid-cols-3 xs:grid-cols-6'
: 'grid-cols-2 sm:grid-cols-4 md:grid-cols-3 lg:grid-cols-4',
: HIGH_DENSITY
? 'grid-cols-2 xs:grid-cols-4 lg:grid-cols-5'
: 'grid-cols-2 sm:grid-cols-4 md:grid-cols-3 lg:grid-cols-4',
'items-center',
)}
type={animate === false ? 'none' : undefined}