💄 Hover effect on name link

n1ckoates · Nov 17, 2024 · be8404b · be8404b
1 parent 6df1972
commit be8404b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/app/components/Navbar.tsx b/app/components/Navbar.tsx
@@ -36,7 +36,10 @@ export default function Navbar() {
 		>
 			<Menu open={open} setOpen={setOpen} />
 
-			<Link className="text-3xl font-semibold" href="/">
+			<Link
+				className="text-3xl font-semibold transition-colors hover:text-zinc-600 dark:hover:text-zinc-400"
+				href="/"
+			>
 				Nick Oates
 			</Link>
 

diff --git a/app/components/Sidebar.tsx b/app/components/Sidebar.tsx
@@ -9,7 +9,7 @@ export default function Sidebar() {
 			<div className="sticky top-20 flex flex-col">
 				<div className="flex flex-row items-center">
 					<Link
-						className="min-w-[14rem] align-middle text-4xl font-bold"
+						className="min-w-[14rem] align-middle text-4xl font-bold transition-colors hover:text-zinc-600 dark:hover:text-zinc-400"
 						href="/"
 					>
 						Nick Oates