style: better skip link

HRemonen · Mar 30, 2024 · 83e4ba9 · 83e4ba9
1 parent 6ea6bbb
commit 83e4ba9
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/common/SkipLink.tsx b/src/components/common/SkipLink.tsx
@@ -3,7 +3,10 @@ interface SkipLinkProps {
 }
 
 const SkipLink = ({ href }: SkipLinkProps) => (
-  <a href={href} className='sr-only'>
+  <a
+    href={href}
+    className='sr-only translate-y-[-150%] transform focus:not-sr-only focus:absolute focus:left-1/2 focus:translate-y-0 focus:transition-transform '
+  >
     Skip to content
   </a>
 )