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

feat: add bookmarks & bookmarks category pages

Browse source
This commit is contained in:
Kentai Radiquum 2024-07-16 09:22:09 +05:00
parent a3f5f2e116
commit bccc8407fc
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
13 changed files with 624 additions and 155 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,22 +1,20 @@
import { ReleaseLink } from "../ReleaseLink/ReleaseLink";
export const ReleaseSection = (props) => {
return (
<section>
<div className="flex justify-between px-4 border-b-2 border-black">
<h1 className="font-bold text-md sm:text-xl md:text-lg xl:text-xl">
{props.sectionTitle}
</h1>
</div>
{props.sectionTitle && (
<div className="flex justify-between px-4 border-b-2 border-black">
<h1 className="font-bold text-md sm:text-xl md:text-lg xl:text-xl">
{props.sectionTitle}
</h1>
</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">
{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 aspect-video">
<ReleaseLink {...release} />
</div>
);