peter/tvone
1
0
Fork 0
mirror of https://github.com/PeterMaquiran/tvone.git synced 2026-04-18 15:27:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

change image container

Browse Source
This commit is contained in:
Peter Maquiran
2026-03-31 16:55:38 +01:00
parent 2d7da9f546
commit 07ac26270a
1 changed files with 3 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/tvone-content.tsx
+3 -10
View File
@@ -67,13 +67,6 @@ const destaques = [
date: "23 Mar 2025", date: "23 Mar 2025",
img: "https://images.unsplash.com/photo-1574629810360-7efbbe195018?w=600&q=80", img: "https://images.unsplash.com/photo-1574629810360-7efbbe195018?w=600&q=80",
}, },
{
cat: "TECNOLOGIA",
catColor: "text-violet-600",
title: "Novos dispositivos chegam às lojas com foco em sustentabilidade.",
date: "23 Mar 2025",
img: "https://images.unsplash.com/photo-1518770660439-4636190af475?w=600&q=80",
},
]; ];
const recentes = [ const recentes = [
@@ -137,14 +130,14 @@ export function TvoneDestaques() {
return ( return (
<section className="mx-auto w-full max-w-[1200px] px-4 pb-10"> <section className="mx-auto w-full max-w-[1200px] px-4 pb-10">
<h2 className="mb-6 text-2xl font-bold tracking-tight text-neutral-900 md:text-2xl">Destaques</h2> <h2 className="mb-6 text-2xl font-bold tracking-tight text-neutral-900 md:text-2xl">Destaques</h2>
<div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-4"> <div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-3">
{destaques.map((item) => ( {destaques.map((item) => (
<article <article
key={item.title} key={item.title}
className="group overflow-hidden rounded-xl border border-neutral-200/80 bg-white shadow-sm transition hover:shadow-md" className="group overflow-hidden rounded-xl border border-neutral-200/80 bg-white shadow-sm transition hover:shadow-md"
> >
<Link href="#" className="block"> <Link href="#" className="block">
<div className="relative aspect-[4/3] w-full overflow-hidden"> <div className="relative aspect-[16/9] w-full overflow-hidden">
<Image <Image
src={item.img} src={item.img}
alt="" alt=""
@@ -175,7 +168,7 @@ export function TvoneMainColumns() {
{recentes.map((item) => ( {recentes.map((item) => (
<li key={item.title}> <li key={item.title}>
<Link href="#" className="group flex gap-4 rounded-xl border border-transparent p-1 transition hover:border-neutral-200 hover:bg-neutral-50"> <Link href="#" className="group flex gap-4 rounded-xl border border-transparent p-1 transition hover:border-neutral-200 hover:bg-neutral-50">
<div className="relative h-24 w-28 shrink-0 overflow-hidden rounded-lg sm:h-28 sm:w-36"> <div className="relative h-25 w-38 shrink-0 overflow-hidden rounded-lg sm:h-45 sm:w-76">
<Image src={item.img} alt="" fill className="object-cover" sizes="144px" /> <Image src={item.img} alt="" fill className="object-cover" sizes="144px" />
</div> </div>
<div className="min-w-0 flex-1"> <div className="min-w-0 flex-1">