mirror of
https://github.com/C9Glax/tranga-website.git
synced 2025-09-10 03:48:21 +02:00
Fix Covers for MangaCard
This commit is contained in:
@@ -12,13 +12,13 @@
|
||||
|
||||
.manga-card-cover-blur {
|
||||
background: linear-gradient(
|
||||
135deg,
|
||||
rgba(245, 169, 184, 0.85) 40%,
|
||||
150deg,
|
||||
rgba(245, 169, 184, 0.80) 50%,
|
||||
rgba(91, 206, 250, 0.3)
|
||||
);
|
||||
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
||||
backdrop-filter: blur(6px);
|
||||
-webkit-backdrop-filter: blur(6px);
|
||||
backdrop-filter: blur(2px) brightness(70%);
|
||||
-webkit-backdrop-filter: blur(2px) brightness(70%);
|
||||
}
|
||||
|
||||
.manga-card-content {
|
||||
|
@@ -45,12 +45,12 @@ export default function MangaCard({
|
||||
>
|
||||
<Card className={'manga-card'} onClick={onClick}>
|
||||
<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 className={'manga-card-cover-blur'} />
|
||||
<CardCover className={'manga-card-cover-blur'} />
|
||||
<CardContent className={'manga-card-content'}>
|
||||
<Typography level={'h4'}>
|
||||
{manga?.name ?? (
|
||||
{manga?.name ?? (
|
||||
<Skeleton>{stringWithRandomLength()}</Skeleton>
|
||||
)}
|
||||
</Typography>
|
||||
|
Reference in New Issue
Block a user