Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-09-05 22:15:36 +05:00
Code Issues Projects Releases Packages Activity

anix/style: change sections columns from 1 to 2 on mobile

Browse source
This commit is contained in:
Kentai Radiquum 2025-08-25 05:20:03 +05:00
parent 6b84a312f7
commit 8d2800c2f2
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
5 changed files with 41 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

3
app/components/CollectionsSection/CollectionsSection.tsx
View file

@ -16,7 +16,7 @@ export const CollectionsSection = (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">
<div className="grid justify-center grid-cols-2 gap-2 lg:grid-cols-3 xl:grid-cols-4">
{props.isMyCollections && <AddCollectionLink />}
{props.content.map((collection) => {
return (
@ -25,7 +25,6 @@ export const CollectionsSection = (props: {
</div>
);
})}
{props.content.length == 1 && !props.isMyCollections && <div></div>}
</div>
</div>
</section>