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

refactor: licensed platform location

Browse source
This commit is contained in:
Kentai Radiquum 2025-03-26 15:34:58 +05:00
parent ba5c149779
commit ac2425ba55
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 16 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
app/components/ReleaseInfo/ReleaseInfo.Basics.tsx
View file

@ -16,9 +16,18 @@ export const ReleaseInfoBasics = (props: {
return (
<Card className="h-full row-span-2">
<div className="flex flex-col w-full h-full gap-4 lg:grid lg:grid-cols-[1fr_2fr] items-center lg:items-start justify-center lg:justify-start">
<div className="relative flex items-center justify-center w-full overflow-hidden rounded-lg">
<Poster image={props.image} className="z-10 sm:scale-95 lg:scale-100" />
<Poster image={props.image} className="absolute top-0 left-0 w-full scale-125 opacity-75 blur-xl brightness-75" />
<div className="flex flex-col gap-2">
<div className="relative flex items-center justify-center w-full overflow-hidden rounded-lg">
<Poster
image={props.image}
className="z-10 sm:scale-95 lg:scale-100"
/>
<Poster
image={props.image}
className="absolute top-0 left-0 w-full scale-125 opacity-75 blur-xl brightness-75"
/>
</div>
<ReleaseInfoStreaming release_id={props.release_id} />
</div>
<div className="flex flex-col max-w-2xl gap-2 text-sm md:text-base">
<div className="flex flex-col gap-1">
@ -52,7 +61,6 @@ export const ReleaseInfoBasics = (props: {
>
{isFullDescription ? "Скрыть" : "Показать полностью"}
</Button>
<ReleaseInfoStreaming release_id={props.release_id} />
</div>
</div>
</Card>

8
app/components/ReleaseInfo/ReleaseInfo.LicensedPlatforms.tsx
View file

@ -23,17 +23,17 @@ export const ReleaseInfoStreaming = (props: { release_id: number }) => {
: !(data.content.length > 0) ?
""
: <div>
<p className="mt-4 mb-1 text-lg">Официальные источники: </p>
<div className="grid grid-cols-2 gap-2 md:grid-cols-4">
<div className="grid grid-flow-row-dense grid-cols-1 gap-1 2xl:grid-cols-2">
{data.content.map((item: any) => {
return (
<a
href={item.url}
target="_blank"
key={`platform_${item.id}`}
className="flex items-center gap-2 px-2 py-1 transition-colors bg-gray-100 rounded-lg hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600 "
className="flex items-center gap-2 px-4 py-2 transition-colors bg-gray-100 rounded-lg hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600 "
>
<img src={item.icon} className="w-6 h-6 rounded-full" />
<p className="text-lg">{item.name}</p>
<p className="text-sm line-clamp-2">{item.name}</p>
</a>
);
})}