soconnor/personal-website
1
0
Fork 0
mirror of https://github.com/soconnor0919/personal-website.git synced 2025-12-15 08:14:43 -05:00
Code Issues Packages Projects Releases Wiki Activity

Update Navigation styles for logo and mobile overlay

Browse Source 
- Make logo larger and bolder with improved hover effect - Adjust mobile
overlay class order for consistency
This commit is contained in:
Sean O'Connor
2025-08-01 17:49:41 -04:00
parent 178e8f37eb
commit 7c993b98fe
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Navigation.tsx
View File

@@ -36,8 +36,10 @@ export function Navigation() {
> >
<div className="relative mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8"> <div className="relative mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8">
<div className="flex h-16 items-center justify-between"> <div className="flex h-16 items-center justify-between">
<Link href="/"> <Link href="/" className="flex items-center py-2">
<span className="text-lg font-bold">Sean O&apos;Connor</span> <span className="text-xl font-semibold tracking-tight transition-colors hover:text-primary">
Sean O&apos;Connor
</span>
</Link> </Link>
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<div className="hidden lg:flex lg:justify-end lg:space-x-4"> <div className="hidden lg:flex lg:justify-end lg:space-x-4">
@@ -76,7 +78,7 @@ export function Navigation() {
</div> </div>
</nav> </nav>
<div <div
className={`bg-background/80 fixed inset-0 z-40 backdrop-blur-sm transition-opacity duration-200 ${ className={`fixed inset-0 z-40 bg-background/80 backdrop-blur-sm transition-opacity duration-200 ${
isOpen ? "opacity-100" : "pointer-events-none opacity-0" isOpen ? "opacity-100" : "pointer-events-none opacity-0"
}`} }`}
onClick={() => setIsOpen(false)} onClick={() => setIsOpen(false)}