humas
/
web-humas-fe
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:tawkto

This commit is contained in:
Rama Priyanto 2025-06-19 13:54:26 +07:00
parent e75b00d25b
commit 223d3b367d
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
components/landing/NewsTicker.tsx
View File

@ -46,10 +46,24 @@ export default function NewsTicker() {
}, [article]);
return (
<div className="fixed bottom-0 z-50 flex flex-row h-[60px] gap-3 w-full justify-between dark:bg-stone-800 bg-gray-50">
<div className="fixed bottom-0 z-50 flex flex-row h-[60px] w-full dark:bg-stone-800 bg-gray-50">
<div className="relative px-4 py-2 font-semibold text-xs lg:text-sm flex items-center bg-[#bb3523] text-white w-[30%] lg:w-[10%]">
<span className="mr-2"></span> BREAKING NEWS
<div className="absolute right-0 top-0 h-full w-4 bg-[#bb3523] transform translate-x-full clipPath-triangle"></div>
{/* <div className="absolute right-0 top-0 h-full w-4 bg-[#bb3523] transform translate-x-full clipPath-triangle"></div> */}
</div>
<div className="flex flex-row text-white h-full gap-[1px] border-l-2 border-white">
<a
className="bg-[#bb3523] h-full flex items-center"
onClick={() => handlePrev()}
>
<ChevronLeftIcon />
</a>
<a
className="bg-[#bb3523] h-full flex items-center"
onClick={() => handleNext()}
>
<ChevronRightIcon />
</a>
</div>
{article?.length > 0 ? (
<div
@ -82,20 +96,6 @@ export default function NewsTicker() {
<p>Loading...</p>
</div>
)}
<div className="flex flex-row text-white h-full gap-[1px]">
<a
className="bg-[#bb3523] h-full flex items-center"
onClick={() => handlePrev()}
>
<ChevronLeftIcon />
</a>
<a
className="bg-[#bb3523] h-full flex items-center"
onClick={() => handleNext()}
>
<ChevronRightIcon />
</a>
</div>
</div>
);
}