mirror of
https://github.com/Radiquum/AniX.git
synced 2025-04-05 07:44:38 +00:00
frontend: fix height size.
This commit is contained in:
parent
2615c47f0c
commit
029ac55881
2 changed files with 21 additions and 16 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue