Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-30 18:09:40 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: update card style for mobile

Browse source
This commit is contained in:
Kentai Radiquum 2024-11-20 21:24:48 +05:00
parent d3f966e62c
commit cd4ada5657
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
7 changed files with 137 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/components/ReleaseSection/ReleaseSection.tsx
View file

@ -14,10 +14,10 @@ export const ReleaseSection = (props: {
</div>
)}
<div className="m-4">
<div className="grid justify-center sm:grid-cols-[repeat(auto-fit,minmax(400px,1fr))] grid-cols-[100%] gap-2 min-w-full">
<div className="lg:justify-center lg:grid-cols-[repeat(auto-fit,minmax(400px,1fr))] gap-4 lg:gap-2 min-w-full flex flex-col lg:grid">
{props.content.map((release) => {
return (
<div key={release.id} className="w-full h-full aspect-video">
<div key={release.id} className="w-full h-full lg:aspect-video">
<ReleaseLink {...release} />
</div>
);