@@ -5,10 +5,10 @@ import { usePathname } from "next/navigation";
55import { twMerge } from "tailwind-merge" ;
66import { ArrowLinkUpRight } from "@bitcoin-dev-project/bdp-ui/icons" ;
77
8- const ExploreNavigation = ( ) => {
8+ const ExploreNavigation = ( ) => {
99 return (
1010 < section className = "max-md:hidden md:flex sticky top-0 flex-col flex-none gap-4 2xl:gap-6 w-full max-w-[240px] 2xl:max-w-[320px]" >
11- < div className = "flex flex-col gap-4 2xl:gap-6 rounded-lg px-5 py-[23px] border border-[#CCCCCC] " >
11+ < div className = "flex flex-col gap-4 2xl:gap-6 rounded-lg px-5 py-[23px] border border-gray-custom-1200 " >
1212 { ExploreNavigationItems . map ( ( item ) => (
1313 < ExploreNavigationItem
1414 key = { item . href }
@@ -17,11 +17,20 @@ const ExploreNavigation = () => {
1717 />
1818 ) ) }
1919 </ div >
20- < div className = "flex flex-col gap-4 rounded-lg p-4 border border-[#CCCCCC] " >
20+ < div className = "flex flex-col gap-4 rounded-lg p-4 border border-gray-custom-1200 " >
2121 < p className = "text-sm 2xl:text-lg font-semibold" > Review Transcripts</ p >
22- < Link href = "https://review.btctranscripts.com" target = "_blank" className = "relative flex items-center gap-1 w-fit text-xs 2xl:text-base font-semibold before:content-[''] before:absolute before:bottom-[-3px] before:left-0 before:w-full before:h-[1px] before:bg-black hover:before:h-[2px] before:transition-all" >
22+ < Link
23+ href = "https://review.btctranscripts.com"
24+ target = "_blank"
25+ className = "relative flex items-center gap-1 w-fit text-xs 2xl:text-base font-semibold before:content-[''] before:absolute before:bottom-[-3px] before:left-0 before:w-full before:h-[1px] before:bg-black hover:before:h-[2px] before:transition-all"
26+ >
2327 < span className = "leading-none" > Earn Sats</ span >
24- < span className = "" > < ArrowLinkUpRight className = "w-4 2xl:w-5" pathProps = { { strokeWidth : 1.8 } } /> </ span >
28+ < span className = "" >
29+ < ArrowLinkUpRight
30+ className = "w-4 2xl:w-5"
31+ pathProps = { { strokeWidth : 1.8 } }
32+ />
33+ </ span >
2534 </ Link >
2635 </ div >
2736 </ section >
@@ -37,6 +46,7 @@ const ExploreNavigationItem = ({
3746} ) => {
3847 const pathname = usePathname ( ) ;
3948 const isActive = pathname === href ;
49+
4050 return (
4151 < Link
4252 data-active = { isActive }
0 commit comments