kayashov73/moovie-downloader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

правки внешнего вида

Browse Source
This commit is contained in:
Kayashov.SM
2025-09-10 23:33:34 +04:00
parent de8264d0e6
commit 0c68dd6b6b
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/CardCompact.js
View File

@@ -8,7 +8,7 @@ const CardCompact = ({item}) => {
item.hasFile ? "Статус: Загружен" : "Статус: Загружается" item.hasFile ? "Статус: Загружен" : "Статус: Загружается"
) : null; ) : null;
return ( return (
<Card className="mb-auto" style={{width: '18rem'}}> <Card className="mb-auto" style={{width: '14rem'}}>
<Card.Img variant="top" src={image}/> <Card.Img variant="top" src={image}/>
<Card.Body> <Card.Body>
<Card.Title>{item.title}</Card.Title> <Card.Title>{item.title}</Card.Title>

10
src/components/SkeletonCompact.js
View File

@@ -2,15 +2,15 @@ import {Card, CardBody, CardImg, CardText, CardTitle, Placeholder} from "react-b
export function SkeletonCompact() { export function SkeletonCompact() {
return ( return (
<Card aria-hidden="true" style={{width: '18rem', height: '30rem'}}> <Card className="mb-auto" aria-hidden="true" style={{width: '14rem', height: '30rem'}}>
<CardImg className="card-img-top" style={{background: 'grey', width: '18rem', height: '30rem'}}/> <CardImg variant="top" style={{background: 'grey', width: '14rem', height: '30rem'}}/>
<CardBody> <CardBody>
<CardTitle className="placeholder-glow"> <CardTitle className="placeholder-glow">
<Placeholder className="col-6"></Placeholder> <Placeholder className="col-3"></Placeholder>
</CardTitle> </CardTitle>
<CardText className="placeholder-glow"> <CardText className="placeholder-glow">
<Placeholder className="col-8"></Placeholder> <Placeholder className="col-6"></Placeholder>
<Placeholder className="col-8"></Placeholder> <Placeholder className="col-6"></Placeholder>
</CardText> </CardText>
</CardBody> </CardBody>
</Card> </Card>