jeffemmett
/
pwf-website-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update the website header to reflect the brand's signature color 

Updates header background to teal and inverts login/signup button colors.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: e524de2d-167c-4bad-8c36-b012186a210b
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/ffaddc67-18f9-4349-a55e-999154ca7030.jpg
This commit is contained in:
JeffEmmett 2025-06-13 19:37:12 +00:00
parent c580d02216
commit 4fd8021f85
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
client/src/components/navigation/header.tsx
View File

@ -17,8 +17,8 @@ export default function Header() {
const isActive = (path: string) => {
return location === path
? "text-teal"
: "text-gray-700 hover:text-teal";
? "text-white"
: "text-white text-opacity-80 hover:text-white";
};
const navLinks = [
@ -29,7 +29,7 @@ export default function Header() {
];
return (
<header className="sticky top-0 bg-white bg-opacity-95 shadow-sm z-50">
<header className="sticky top-0 bg-teal shadow-sm z-50">
<div className="max-w-7xl mx-auto px-2 sm:px-3 lg:px-4">
<div className="flex justify-between items-center py-1">
<div className="flex items-center">
@ -52,12 +52,12 @@ export default function Header() {
<div className="hidden md:flex items-center space-x-4">
{user ? (
<>
<span className="text-gray-700 font-raleway">
<span className="text-white font-raleway">
Hi, {user.fullName || user.username}
</span>
<Button
variant="outline"
className="text-teal hover:text-teal-600 hover:bg-gray-50"
className="text-white border-white hover:bg-white hover:text-teal"
onClick={() => logoutMutation.mutate()}
>
Logout
@ -67,13 +67,13 @@ export default function Header() {
<>
<Link
href="/auth"
className="text-teal hover:text-teal-600 transition-colors duration-200 font-raleway font-bold"
className="text-white hover:text-opacity-80 transition-colors duration-200 font-raleway font-bold"
>
Login
</Link>
<Link
href="/auth"
className="bg-teal text-white px-4 py-2 rounded-full hover:bg-opacity-90 transition-colors duration-200 font-raleway font-bold"
className="bg-white text-teal px-4 py-2 rounded-full hover:bg-opacity-90 transition-colors duration-200 font-raleway font-bold"
>
Sign Up
</Link>
@ -85,7 +85,7 @@ export default function Header() {
<div className="md:hidden">
<Sheet>
<SheetTrigger asChild>
<button type="button" className="text-gray-700 hover:text-teal">
<button type="button" className="text-white hover:text-opacity-80">
<span className="sr-only">Open main menu</span>
<Menu className="h-6 w-6" />
</button>