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

refactor: fill screen with grid on category pages

Browse source
This commit is contained in:
Kentai Radiquum 2024-07-13 19:10:24 +05:00
parent 4d1d923cd1
commit 5490d39b39
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/components/ReleaseSection/ReleaseSection.jsx
View file

@ -10,7 +10,7 @@ export const ReleaseSection = (props) => {
</h1>
</div>
<div className="m-4">
<div className="grid justify-center sm:grid-cols-[repeat(auto-fill,400px)] grid-cols-[100%] gap-2">
<div className="grid justify-center sm:grid-cols-[repeat(auto-fit,minmax(400px,1fr))] grid-cols-[100%] gap-2 min-w-full">
{props.content.map((release) => {
return (
<div

2
app/home/[slug]/page.js
View file

@ -64,7 +64,7 @@ export default function HomeStatus({ params }) {
);
return (
<main className="flex flex-col pt-2 pb-16 sm:pt-4 sm:pb-0">
<main className="pt-2 pb-16 sm:pt-4 sm:pb-0">
{content && (
<ReleaseSection
sectionTitle={SectionTitleMapping[params.slug]}