glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-09-10 11:58:20 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix Covers for MangaCard

Browse Source
This commit is contained in:
glax
2025-09-04 19:13:38 +02:00
parent ec694279e0
commit ae710bb367
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
tranga-website/src/Components/Mangas/MangaCard.css
View File

@@ -12,13 +12,13 @@
.manga-card-cover-blur { .manga-card-cover-blur {
background: linear-gradient( background: linear-gradient(
135deg, 150deg,
rgba(245, 169, 184, 0.85) 40%, rgba(245, 169, 184, 0.80) 50%,
rgba(91, 206, 250, 0.3) rgba(91, 206, 250, 0.3)
); );
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(6px); backdrop-filter: blur(2px) brightness(70%);
-webkit-backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(2px) brightness(70%);
} }
.manga-card-content { .manga-card-content {

6
tranga-website/src/Components/Mangas/MangaCard.tsx
View File

@@ -45,12 +45,12 @@ export default function MangaCard({
> >
<Card className={'manga-card'} onClick={onClick}> <Card className={'manga-card'} onClick={onClick}>
<CardCover className={'manga-card-cover'}> <CardCover className={'manga-card-cover'}>
<img src={'/blahaj.png'} /> <img src={manga && manga.key != "Search" ? `${Api.baseUrl}/v2/Manga/${manga?.key}/Cover` : '/blahaj.png'} />
</CardCover> </CardCover>
<CardCover className={'manga-card-cover-blur'} /> <CardCover className={'manga-card-cover-blur'} />
<CardContent className={'manga-card-content'}> <CardContent className={'manga-card-content'}>
<Typography level={'h4'}> <Typography level={'h4'}>
{manga?.name ?? ( {manga?.name ?? (
<Skeleton>{stringWithRandomLength()}</Skeleton> <Skeleton>{stringWithRandomLength()}</Skeleton>
)} )}
</Typography> </Typography>