averyfelts/Stop_smoking_website_ver2
1
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make QuitTraq logo stand out more in header

Browse Source
This commit is contained in:
Avery Felts 2026-01-27 23:45:27 -07:00
parent 184936e895
commit 3d6d0c2cbe
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/UserHeader.tsx
View File

@ -261,13 +261,18 @@ export function UserHeader({ user, preferences }: UserHeaderProps) {
<div className="container mx-auto px-4 py-3 sm:py-4 flex items-center justify-between relative z-50">
<div className="flex items-center gap-4 sm:gap-8">
<h1
className="text-xl sm:text-2xl font-bold cursor-pointer hover:opacity-90 transition-all duration-300 hover:scale-105"
className="text-2xl sm:text-3xl font-extrabold cursor-pointer transition-all duration-300 hover:scale-105 tracking-tighter"
onClick={() => handleNavigate('/')}
style={{
background: 'linear-gradient(135deg, #a78bfa 0%, #818cf8 50%, #6366f1 100%)',
background: theme === 'light'
? 'linear-gradient(135deg, #6366f1 0%, #4338ca 100%)'
: 'linear-gradient(135deg, #c084fc 0%, #818cf8 50%, #6366f1 100%)',
WebkitBackgroundClip: 'text',
WebkitTextFillColor: 'transparent',
backgroundClip: 'text',
filter: theme === 'light'
? 'drop-shadow(0 2px 4px rgba(99, 102, 241, 0.2))'
: 'drop-shadow(0 0 12px rgba(167, 139, 250, 0.4))'
}}
>
QuitTraq