Hover style for the hiring link

2 years ago · 439aab60b0
parent 63d07c559a
commit 439aab60b0
1 changed files with 7 additions and 1 deletions
--- a/components/global-header.tsx
+++ b/components/global-header.tsx
@ -14,7 +14,13 @@ type MenuLinkProps = {
 function MenuLink(props: MenuLinkProps) {
  const { text, link, target = '_self', isFancy = false } = props;

-  const gradientProp = isFancy ? { bgGradient: 'linear(to-r, yellow.100, teal.100)', bgClip: 'text' } : {};
+  const gradientProp = isFancy ? {
+    bgGradient: 'linear(to-r, yellow.100, teal.100)',
+    bgClip: 'text',
+    _hover: {
+      color: 'yellow.100'
+    }
+  } : {};

  return <Link
    borderBottomWidth={0}