fix image container
continuous-integration/drone/push Build is passing

This commit is contained in:
2026-04-05 00:10:22 +01:00
parent be8709478d
commit 59f69e8273
+9 -3
View File
@@ -174,9 +174,15 @@ export function TvoneMainColumns() {
<ul className="flex flex-col gap-6"> <ul className="flex flex-col gap-6">
{recentes.map((item) => ( {recentes.map((item) => (
<li key={item.title}> <li key={item.title}>
<Link href="#" className="group flex gap-4 p-1 transition"> <Link href="#" className="group flex items-start gap-4 p-1 transition">
<div className="relative h-25 w-38 shrink-0 overflow-hidden sm:h-45 sm:w-76"> <div className="relative w-40 md:w-60 shrink-0 aspect-[16/9] bg-red-500">
<Image src={item.img} alt="" fill className="object-cover" sizes="144px" /> <Image
src={item.img}
alt=""
fill
className="object-cover"
sizes="(max-width: 1200px) 100vw, 1200px"
/>
</div> </div>
<div className="min-w-0 flex-1"> <div className="min-w-0 flex-1">
<span className={`inline-block rounded px-2 py-0.5 text-[10px] font-bold uppercase tracking-wide ${item.catBg}`}> <span className={`inline-block rounded px-2 py-0.5 text-[10px] font-bold uppercase tracking-wide ${item.catBg}`}>