From b306fdad2c878ee01e806b5ff5ef70ca04bd8eac Mon Sep 17 00:00:00 2001
From: Peter Maquiran <maquiranpeter29@gmail.com>
Date: Tue, 31 Mar 2026 18:39:35 +0100
Subject: [PATCH] remove rounded

---
 app/components/tvone-content.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/tvone-content.tsx b/app/components/tvone-content.tsx
index 61b9321..010caa3 100644
--- a/app/components/tvone-content.tsx
+++ b/app/components/tvone-content.tsx
@@ -134,7 +134,7 @@ export function TvoneDestaques() {
         {destaques.map((item) => (
           <article
             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  bg-white transition "
           >
             <Link href="#" className="block">
               <div className="relative aspect-[16/9] w-full overflow-hidden">
@@ -146,7 +146,7 @@ export function TvoneDestaques() {
                   sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw"
                 />
               </div>
-              <div className="p-4">
+              <div className="py-4">
                 <p className={`mb-2 text-[11px] font-bold uppercase tracking-wide ${item.catColor}`}>{item.cat}</p>
                 <h3 className="text-base font-bold leading-snug text-neutral-900 md:text-lg">{item.title}</h3>
                 <p className="mt-3 text-xs text-neutral-500">{item.date}</p>
@@ -167,15 +167,15 @@ export function TvoneMainColumns() {
         <ul className="flex flex-col gap-6">
           {recentes.map((item) => (
             <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">
-                <div className="relative h-25 w-38 shrink-0 overflow-hidden rounded-lg sm:h-45 sm:w-76">
+              <Link href="#" className="group flex gap-4 p-1 transition">
+                <div className="relative h-25 w-38 shrink-0 overflow-hidden  sm:h-45 sm:w-76">
                   <Image src={item.img} alt="" fill className="object-cover" sizes="144px" />
                 </div>
                 <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}`}>
                     {item.cat}
                   </span>
-                  <h3 className="mt-2 text-base font-bold leading-snug text-neutral-900 md:text-lg group-hover:text-[#0066cc] ">
+                  <h3 className="mt-2 text-base font-bold leading-snug text-neutral-900 md:text-lg group-hover:text-[#0066cc]  ">
                     {item.title}
                   </h3>
                   <p className="mt-1 line-clamp-2 text-sm font-normal leading-relaxed text-neutral-600">{item.excerpt}</p>