Add motion-reduce class to navbar logo for improved transition handli…

…ng (#4160) * fix: add motion-reduce class to navbar logo for improved transition handling * fix: update motion-reduce class for navbar logo to improve hover transition
shuding · Feb 5, 2025 · bbc760b · bbc760b
1 parent 9a6d4f3
commit bbc760b
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/docs/app/layout.tsx b/docs/app/layout.tsx
@@ -62,7 +62,7 @@ const navbar = (
       <NextraLogo
         height="20"
         className={cn(
-          'hover:transition-all hover:duration-1000',
+          'hover:transition-all hover:duration-1000 motion-reduce:hover:transition-none',
           '[mask-image:linear-gradient(60deg,#000_25%,rgba(0,0,0,.2)_50%,#000_75%)] [mask-position:0] [mask-size:400%]',
           'hover:[mask-position:100%]'
         )}