fix : align sizes of Cover
This commit is contained in:
@@ -97,7 +97,6 @@ function MediaCard({ item, onClick }: MediaCardProps) {
|
|||||||
type={isSeries ? "series" : "book"}
|
type={isSeries ? "series" : "book"}
|
||||||
id={item.id}
|
id={item.id}
|
||||||
alt={`Couverture de ${title}`}
|
alt={`Couverture de ${title}`}
|
||||||
sizes="100vh"
|
|
||||||
quality={100}
|
quality={100}
|
||||||
/>
|
/>
|
||||||
{/* Overlay avec les informations au survol */}
|
{/* Overlay avec les informations au survol */}
|
||||||
|
|||||||
@@ -101,7 +101,6 @@ export const SeriesHeader = ({ series }: SeriesHeaderProps) => {
|
|||||||
id={series.id}
|
id={series.id}
|
||||||
alt={`Couverture de ${series.metadata.title}`}
|
alt={`Couverture de ${series.metadata.title}`}
|
||||||
className="blur-sm scale-105 brightness-50"
|
className="blur-sm scale-105 brightness-50"
|
||||||
sizes="100vw"
|
|
||||||
quality={60}
|
quality={60}
|
||||||
priority
|
priority
|
||||||
/>
|
/>
|
||||||
@@ -116,7 +115,6 @@ export const SeriesHeader = ({ series }: SeriesHeaderProps) => {
|
|||||||
type="series"
|
type="series"
|
||||||
id={series.id}
|
id={series.id}
|
||||||
alt={`Couverture de ${series.metadata.title}`}
|
alt={`Couverture de ${series.metadata.title}`}
|
||||||
sizes="180px"
|
|
||||||
quality={90}
|
quality={90}
|
||||||
priority
|
priority
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ export function Cover({
|
|||||||
className,
|
className,
|
||||||
priority = false,
|
priority = false,
|
||||||
quality = 80,
|
quality = 80,
|
||||||
sizes = "(max-width: 640px) 33vw, (max-width: 1024px) 20vw, 20vw",
|
sizes = "100vw",
|
||||||
isCompleted = false,
|
isCompleted = false,
|
||||||
}: CoverProps) {
|
}: CoverProps) {
|
||||||
const [imageError, setImageError] = useState(false);
|
const [imageError, setImageError] = useState(false);
|
||||||
|
|||||||
Reference in New Issue
Block a user