diff --git a/src/app/layout/Footer.tsx b/src/app/layout/Footer.tsx index a5c5f99..f212cdc 100644 --- a/src/app/layout/Footer.tsx +++ b/src/app/layout/Footer.tsx @@ -8,11 +8,11 @@ function SocialIcon({ label }: { label: string }) { onMouseEnter={() => setHovered(true)} onMouseLeave={() => setHovered(false)} style={{ - width: 28, height: 28, - border: `1px solid ${hovered ? 'rgba(255,255,255,0.4)' : 'rgba(255,255,255,0.12)'}`, + width: 32, height: 32, + border: `1px solid ${hovered ? 'rgba(255,255,255,0.4)' : 'rgba(255,255,255,0.15)'}`, display: 'flex', alignItems: 'center', justifyContent: 'center', - fontSize: 10, fontWeight: 700, - color: hovered ? '#fff' : 'rgba(255,255,255,0.4)', + fontSize: 11, fontWeight: 700, + color: hovered ? '#fff' : 'rgba(255,255,255,0.45)', cursor: 'pointer', transition: 'border-color 150ms, color 150ms', flexShrink: 0, }} >{label} @@ -26,9 +26,13 @@ function FooterLink({ href, label }: { href: string; label: string }) { onMouseEnter={() => setHovered(true)} onMouseLeave={() => setHovered(false)} style={{ - fontSize: 13, color: hovered ? '#fff' : 'rgba(255,255,255,0.55)', - textDecoration: 'none', cursor: 'pointer', transition: 'color 150ms', - display: 'inline-block', lineHeight: 1.4, whiteSpace: 'nowrap', + fontSize: 14, + color: hovered ? '#fff' : 'rgba(255,255,255,0.6)', + textDecoration: 'none', + cursor: 'pointer', + transition: 'color 150ms', + display: 'block', + padding: '4px 0', }} >{label} ) @@ -44,20 +48,25 @@ function NewsletterBox() { const [email, setEmail] = useState('') const [done, setDone] = useState(false) return ( -