admin-aaw/snapify-authentik
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

fix grid layout to be work on smaller devices too

Browse source
This commit is contained in:
MarconLP 2023-04-14 18:01:20 +02:00
parent d86068d2c9
commit ec0f803c7d
No known key found for this signature in database
GPG key ID: A08A9C8B623F5EA5
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/pages/videos.tsx
View file

@ -33,7 +33,7 @@ const VideoList: NextPage = () => {
</div> </div>
</div> </div>
<div className="flex w-full grow items-start justify-center overflow-auto bg-[#fbfbfb] pt-14"> <div className="flex w-full grow items-start justify-center overflow-auto bg-[#fbfbfb] pt-14">
<div className="flex-start jusitfy-start container flex max-w-[1200px] flex-row flex-wrap items-center gap-14 px-4 pb-16"> <div className="flex-start grid w-full max-w-[1300px] grid-cols-[repeat(auto-fill,250px)] flex-row flex-wrap items-center justify-center gap-14 px-4 pb-16">
{videos && {videos &&
videos.map(({ title, id, createdAt }) => ( videos.map(({ title, id, createdAt }) => (
<VideoCard <VideoCard