diff --git a/docs/src/app/home.css b/docs/src/app/home.css index def9a53..a28dd9e 100644 --- a/docs/src/app/home.css +++ b/docs/src/app/home.css @@ -26,8 +26,12 @@ /* NAV */ .hp-nav { display: flex; align-items: center; justify-content: space-between; max-width: 1080px; margin: 0 auto; padding: 20px 24px; border-bottom: 1px solid var(--hp-border); } +.hp-nav-left { display: flex; align-items: center; gap: 12px; } .hp-wordmark { font-family: var(--hp-mono); font-size: 16px; font-weight: 600; color: var(--hp-text); letter-spacing: -0.02em; } .hp-wordmark span { color: var(--hp-accent); } +.hp-by-trigger { display: flex; align-items: center; gap: 5px; font-family: var(--hp-mono); font-size: 12px; color: var(--hp-text-muted) !important; transition: color 0.15s; } +.hp-by-trigger:hover { color: var(--hp-text-dim) !important; } +.hp-by-trigger svg { flex-shrink: 0; } .hp-nav-links { display: flex; gap: 24px; font-family: var(--hp-mono); font-size: 14px; } /* CONTAINER */ @@ -130,7 +134,11 @@ /* FOOTER */ .hp-footer { border-top: 1px solid var(--hp-border); padding: 32px 0; margin-top: 48px; } .hp-footer-inner { display: flex; align-items: center; justify-content: space-between; font-family: var(--hp-mono); font-size: 13px; color: var(--hp-text-muted); } -.hp-footer-inner a { color: var(--hp-text-dim); } +.hp-footer-brand { display: flex; align-items: center; gap: 8px; color: var(--hp-text-dim) !important; transition: color 0.15s; } +.hp-footer-brand:hover { color: var(--hp-text) !important; } +.hp-footer-brand svg { flex-shrink: 0; } +.hp-footer-links { display: flex; align-items: center; gap: 20px; } +.hp-footer-links a { color: var(--hp-text-dim); } /* RESPONSIVE */ @media (max-width: 768px) { diff --git a/docs/src/app/page.tsx b/docs/src/app/page.tsx index f09dd95..ebb33ac 100644 --- a/docs/src/app/page.tsx +++ b/docs/src/app/page.tsx @@ -85,7 +85,14 @@ export default function HomePage() {