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; return null;
} }
// Join all titles with a separator and duplicate for seamless looping // Join all titles with a separator and duplicate multiple times for seamless looping
const marqueeText = titles.join(' --- ') + ' --- ' + titles.join(' --- '); const fullMarqueeText = Array(4).fill(titles.join(' --- ')).join(' --- ');
return ( 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="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 z-50"> <div className="absolute whitespace-nowrap animate-marquee">
<span className="text-lg font-bold px-4"> <span className="text-lg font-bold px-4">
{marqueeText} {fullMarqueeText}
</span> </span>
</div> </div>
</div> </div>

2
tailwind.config.js
View File

@@ -10,7 +10,7 @@ export default {
}, },
}, },
animation: { animation: {
marquee: 'marquee 120s linear infinite', // Adjusted duration for slower scroll marquee: 'marquee 240s linear infinite', // Adjusted duration for slower scroll
}, },
}, },
}, },