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

frontend: fix <Image />

Browse source
This commit is contained in:
Kentai Radiquum 2024-04-23 22:23:11 +05:00
parent 58ed4007df
commit a03deddbc0
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
6 changed files with 69 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

23
frontend/app/components/ReleaseCard/ReleaseCard.jsx
View file

@ -1,5 +1,3 @@
"use client";
import Link from "next/link";
import Image from "next/image";
@ -10,14 +8,21 @@ export const ReleaseCard = (props) => {
className="no-padding round fill"
style={{ width: 284, height: 508 }}
>
<Image
className="responsive large top-round"
src={props.poster}
alt=""
/>
{/* eslint-disable-next-line @next/next/no-img-element */}
<div style={{ aspectRatio: "1/1" }}>
<Image
className="responsive large top-round"
layout="fill"
objectFit="cover"
style={{ width: "100%", height: "100%", aspectRatio: "1/1" }}
src={props.poster}
alt=""
sizes={"100vw"}
/>
</div>
<div className="padding">
<h6>{`${props.title.substring(0, 36)}${
[...props.title].length > 36 ? "..." : ""
<h6>{`${props.title.substring(0, 30)}${
[...props.title].length > 30 ? "..." : ""
}`}</h6>
<p>{`${props.description}${
[...props.description].length > 160 ? "..." : ""