ldez/new-manga
1
0
Fork 0
mirror of https://github.com/ld3z/new-manga.git synced 2026-11-09 19:53:45 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

i do not like avif

Browse source
This commit is contained in:
ld3zian 2025-01-13 18:36:17 -07:00
parent e864e6763d
commit bf92d4f981
1 changed files with 20 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/components/ComicCard.astro
View file

@ -1,4 +1,5 @@
---
// Import the necessary types and assets
import type { Comic } from '../lib/types';
import { Image } from 'astro:assets';
@ -7,14 +8,29 @@ interface Props {
}
const { comic } = Astro.props;
const coverUrl = comic.md_comics.md_covers[0]
// Determine if the file is AVIF based on the URL
const isAvif = comic.md_comics.md_covers[0]?.b2key.endsWith('.avif');
const coverUrl = comic.md_comics.md_covers[0]
? `https://meo.comick.pictures/${comic.md_comics.md_covers[0].b2key}`
: '/placeholder.png';
---
<div class="comic-card">
<a href={`https://comick.io/comic/${comic.md_comics.slug}`} target="_blank" rel="noopener noreferrer">
<Image src={coverUrl} alt={comic.md_comics.title} />
{!isAvif ? (
// Infer size only for non-AVIF files
<Image src={coverUrl} alt={comic.md_comics.title} inferSize={true} />
) : (
// Provide fallback handling for AVIF files
<img
src={coverUrl}
alt={comic.md_comics.title}
width="300" // Default width
height="300" // Default height
style={{ objectFit: 'cover' }}
/>
)}
<div class="comic-info">
<h3>{comic.md_comics.title}</h3>
<p>Chapter {comic.chap}</p>
@ -66,4 +82,4 @@ const coverUrl = comic.md_comics.md_covers[0]
margin-top: 0.5rem;
font-size: 0.8rem !important;
}
</style>
</style>