arjun/bozoclicker
1
1
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fixed news

Browse Source
This commit is contained in:
Arjun S
2025-08-04 00:15:22 +05:30
parent b6041e82bb
commit 59d11b1ede
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/NewsMarquee.tsx
View File

@@ -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>

2
tailwind.config.js
View File

@@ -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
},
},
},