frontend: fix height size.

This commit is contained in:
Kentai Radiquum 2024-04-20 14:46:34 +05:00
parent 2615c47f0c
commit 029ac55881
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 21 additions and 16 deletions

View file

@ -5,7 +5,7 @@ import Link from "next/link";
export const ReleaseCard = (props) => {
return (
<Link href={`/release/${props.id}`} className="s3">
<article className="no-padding round fill" style={{"aspectRatio": "9/16"}}>
<article className="no-padding round fill" style={{width: 284, height: 508}}>
<img className="responsive large top-round" src={props.poster} />
<div className="padding">
<h6>{`${props.title.substring(0, 36)}${[...props.title].length > 36 ? "..." : ""}`}</h6>

View file

@ -92,22 +92,27 @@ export default function Home() {
<span>завершено</span>
</button>
</div>
{releases ? (
<>
<div className="grid">
<CardList data={releases} />
</div>
<div className="grid">
{releases ? <CardList data={releases} /> : <progress></progress>}
</div>
<nav className="large-margin center-align">
<button
className="large"
onClick={() => {
setPage(page + 1);
}}
>
<i>add</i>
<span>загрузить ещё</span>
</button>
</nav>
<nav className="large-margin center-align">
<button
className="large"
onClick={() => {
setPage(page + 1);
}}
>
<i>add</i>
<span>загрузить ещё</span>
</button>
</nav>
</>
) : (
<progress className="s1"></progress>
)}
</>
);
}