diff --git a/static/hub.css b/static/hub.css index 7ef2148..a119b8e 100644 --- a/static/hub.css +++ b/static/hub.css @@ -54,9 +54,9 @@ a:hover { color: #7dd3fc; } flex-direction: column; align-items: center; justify-content: center; - gap: 10px; - min-height: 96px; - padding: 18px 88px 16px; + gap: 14px; + min-height: 118px; + padding: 36px 88px 20px; border-bottom: 1px solid var(--line); background: rgba(8, 14, 26, 0.75); backdrop-filter: blur(12px); @@ -77,13 +77,14 @@ a:hover { color: #7dd3fc; } display: flex; justify-content: center; flex-wrap: wrap; - gap: 4px 22px; + gap: 6px 28px; } .topbar-nav a { color: var(--muted); - font-weight: 500; - letter-spacing: 0.06em; - padding: 2px 0; + font-size: 1.08rem; + font-weight: 600; + letter-spacing: 0.08em; + padding: 4px 0; } .topbar-nav a.active { color: var(--accent); @@ -91,7 +92,7 @@ a:hover { color: #7dd3fc; } } .topbar-logout { position: absolute; - top: 16px; + top: 22px; right: 22px; color: var(--muted); font-size: 0.82rem; @@ -103,8 +104,11 @@ a:hover { color: #7dd3fc; } @media (max-width: 720px) { .topbar { min-height: 0; - padding: 14px 16px 12px; - gap: 8px; + padding: 24px 16px 14px; + gap: 10px; + } + .topbar-nav a { + font-size: 0.98rem; } .topbar-brand { letter-spacing: 0.22em; diff --git a/templates/base.html b/templates/base.html index 8eb6e7b..00bfced 100644 --- a/templates/base.html +++ b/templates/base.html @@ -4,7 +4,7 @@