From 085e6d868f1f62d283f7022c2476d4875ca828cf Mon Sep 17 00:00:00 2001 From: Austin Chen Date: Thu, 16 Dec 2021 01:53:19 -0800 Subject: [PATCH] Switch header links to underline --- web/components/header.tsx | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/web/components/header.tsx b/web/components/header.tsx index 4336f570..e3cb2b69 100644 --- a/web/components/header.tsx +++ b/web/components/header.tsx @@ -12,14 +12,15 @@ const navigation = [ }, ] +const hoverClasses = + 'hover:underline hover:decoration-indigo-400 hover:decoration-2' + function SignInLink(props: { darkBackground?: boolean }) { const { darkBackground } = props const user = useUser() - const themeClasses = darkBackground - ? 'text-white hover:text-gray-300' - : 'hover:text-gray-500' + const themeClasses = (darkBackground ? 'text-white ' : '') + hoverClasses return ( <> @@ -33,7 +34,7 @@ function SignInLink(props: { darkBackground?: boolean }) { - {user.name} + Your account @@ -60,7 +61,7 @@ export function Header(props: { darkBackground?: boolean }) {
@@ -82,10 +83,8 @@ export function Header(props: { darkBackground?: boolean }) {
{item.name}