@@ -258,7 +258,7 @@ function FloatingNav({ navLinks }: FloatingNavProps) {
258258 ref = { skipLinkRef }
259259 href = "#main-content"
260260 tabIndex = { 1 }
261- className = "sr-only fixed top-0 left-0 z-[ 10000] rounded-none bg-[#d83434] px-4 py-2 text-white focus:not-sr-only focus:absolute focus:top-4 focus:left-4"
261+ className = "sr-only fixed top-0 left-0 z-10000 rounded-none bg-[#d83434] px-4 py-2 text-white focus:not-sr-only focus:absolute focus:top-4 focus:left-4"
262262 >
263263 Skip to main content
264264 </ a >
@@ -271,7 +271,7 @@ function FloatingNav({ navLinks }: FloatingNavProps) {
271271 opacity : isNavVisible || isAtTop ? 1 : 0 ,
272272 } }
273273 transition = { { duration : 0.3 , ease : "easeOut" } }
274- className = "fixed top-4 left-1/2 z-[ 9999] hidden w-auto -translate-x-1/2 md:block"
274+ className = "fixed top-4 left-1/2 z-9999 hidden w-auto -translate-x-1/2 md:block"
275275 role = "navigation"
276276 aria-label = "Main navigation"
277277 style = { {
@@ -319,7 +319,7 @@ function FloatingNav({ navLinks }: FloatingNavProps) {
319319 handleDesktopNavClick ( link . href ) ;
320320 }
321321 } }
322- className = { `tk-ccmeanwhile relative flex min-h-[48px] cursor-pointer items-center justify-center rounded-none px-3 py-3 text-base font-bold outline-1 -outline-offset-1 outline-black transition-all duration-200 focus:outline-4 focus:outline-offset-2 focus:outline-[#d83434] md:px-4 xl:text-lg ${
322+ className = { `tk-ccmeanwhile relative flex min-h-12 cursor-pointer items-center justify-center rounded-none px-3 py-3 text-base font-bold outline-1 -outline-offset-1 outline-black transition-all duration-200 focus:outline-4 focus:outline-offset-2 focus:outline-[#d83434] md:px-4 xl:text-lg ${
323323 isActive
324324 ? "text-white shadow-lg"
325325 : "text-slate-800 hover:text-white"
@@ -371,7 +371,7 @@ function FloatingNav({ navLinks }: FloatingNavProps) {
371371 opacity : isNavVisible || isAtTop ? 1 : 0 ,
372372 } }
373373 transition = { { duration : 0.3 , ease : "easeOut" } }
374- className = "mobile-nav-container fixed top-4 left-4 z-[ 9999] touch-manipulation md:hidden"
374+ className = "mobile-nav-container fixed top-4 left-4 z-9999 touch-manipulation md:hidden"
375375 role = "navigation"
376376 aria-label = "Mobile navigation"
377377 style = { {
@@ -430,7 +430,7 @@ function FloatingNav({ navLinks }: FloatingNavProps) {
430430 animate = { { opacity : 1 , y : 0 , scale : 1 } }
431431 exit = { { opacity : 0 , y : - 20 , scale : 0.95 } }
432432 transition = { { duration : 0.2 } }
433- className = "mobile-nav-container absolute top-full left-0 z-[ 9999] mt-2 touch-manipulation"
433+ className = "mobile-nav-container absolute top-full left-0 z-9999 mt-2 touch-manipulation"
434434 style = { {
435435 WebkitTapHighlightColor : "transparent" ,
436436 maxHeight : "calc(100vh - 100px)" ,
@@ -443,7 +443,7 @@ function FloatingNav({ navLinks }: FloatingNavProps) {
443443 < div className = "group relative" >
444444 { /* Mobile menu with TextBox styling */ }
445445 < div className = "relative rounded-none bg-[#F7F0C6] outline-2 -outline-offset-3 outline-black transition-transform duration-100 group-hover:-translate-x-1 group-hover:-translate-y-1" >
446- < div className = "min-w-[200px] space-y-2 p-3" >
446+ < div className = "min-w-50 space-y-2 p-3" >
447447 { navLinks . map ( ( link , index ) => {
448448 const isActive =
449449 ! isAtTop && activeSection === link . href . substring ( 1 ) ;
@@ -463,7 +463,7 @@ function FloatingNav({ navLinks }: FloatingNavProps) {
463463 handleMobileNavClick ( link . href ) ;
464464 }
465465 } }
466- className = { `tk-ccmeanwhile flex min-h-[48px] w-full cursor-pointer items-center rounded-none px-4 py-3 text-left text-base font-bold outline-1 -outline-offset-1 outline-black transition-all duration-200 focus:outline-4 focus:outline-offset-2 focus:outline-[#d83434] ${
466+ className = { `tk-ccmeanwhile flex min-h-12 w-full cursor-pointer items-center rounded-none px-4 py-3 text-left text-base font-bold outline-1 -outline-offset-1 outline-black transition-all duration-200 focus:outline-4 focus:outline-offset-2 focus:outline-[#d83434] ${
467467 isActive
468468 ? "text-white shadow-md"
469469 : "text-slate-800 hover:text-white"
0 commit comments