From 59d11b1ede9380914ff3bc64e0b721b43f0b0931 Mon Sep 17 00:00:00 2001
From: Arjun S <arjun8107@gmail.com>
Date: Mon, 4 Aug 2025 00:15:22 +0530
Subject: [PATCH] fixed news

---
 src/components/NewsMarquee.tsx | 10 +++++-----
 tailwind.config.js             |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/NewsMarquee.tsx b/src/components/NewsMarquee.tsx
index 6f8cd70..3f468b3 100644
--- a/src/components/NewsMarquee.tsx
+++ b/src/components/NewsMarquee.tsx
@@ -9,14 +9,14 @@ export const NewsMarquee: React.FC<NewsMarqueeProps> = ({ titles }) => {
     return null;
   }
 
-  // Join all titles with a separator and duplicate for seamless looping
-  const marqueeText = titles.join(' --- ') + ' --- ' + titles.join(' --- ');
+  // Join all titles with a separator and duplicate multiple times for seamless looping
+  const fullMarqueeText = Array(4).fill(titles.join(' --- ')).join(' --- ');
 
   return (
-    <div className="fixed bottom-0 z-40 h-10 left-0 w-full overflow-hidden bg-gray-900 text-yellow-400 py-2 border-t-2 border-yellow-500">
-      <div className="absolute whitespace-nowrap animate-marquee z-50">
+    <div className="fixed bottom-0 left-0 w-full overflow-hidden bg-gray-900 text-yellow-400 py-2 border-t-2 border-yellow-500 z-50 h-10">
+      <div className="absolute whitespace-nowrap animate-marquee">
         <span className="text-lg font-bold px-4">
-          {marqueeText}
+          {fullMarqueeText}
         </span>
       </div>
     </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index 94d464e..83cc3cd 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -10,7 +10,7 @@ export default {
         },
       },
       animation: {
-        marquee: 'marquee 120s linear infinite', // Adjusted duration for slower scroll
+        marquee: 'marquee 240s linear infinite', // Adjusted duration for slower scroll
       },
     },
   },