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

refactor: Release page

Browse source 
factor it in separate components and update grid styling
This commit is contained in:
Kentai Radiquum 2024-07-31 20:21:32 +05:00
parent c2c3a95e6c
commit e548ce060d
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
9 changed files with 542 additions and 429 deletions
Download patch file Download diff file Expand all files Collapse all files

35
app/components/ReleaseInfo/ReleaseInfo.Basics.tsx Normal file
View file

@ -0,0 +1,35 @@
import { Card } from "flowbite-react";
export const ReleaseInfoBasics = (props: {
image: string;
title: { ru: string; original: string };
note: string | null;
description: string;
}) => {
return (
<Card className="h-full">
<div className="flex flex-col w-full h-full gap-4 lg:flex-row">
<img
className="w-[285px] max-h-[385px] object-cover border border-gray-200 rounded-lg shadow-md dark:border-gray-700"
src={props.image}
alt=""
></img>
<div className="flex flex-col max-w-2xl gap-2 text-sm md:text-base">
<div className="flex flex-col gap-1">
<p className="text-xl font-bold text-black md:text-2xl">
{props.title.ru}
</p>
<p className="text-sm text-gray-500 md:text-base">
{props.title.original}
</p>
</div>
{props.note && (
<div className="py-2 bg-blue-100 border-l-4 border-blue-700 rounded-md ">
<div id="note" className="ml-2"></div>
</div>
)}
<p>{props.description}</p>
</div>
</div>
</Card>
);
};