Header: folx.tv style 58px height, logo left, button right

This commit is contained in:
Sebastjan 2026-04-25 08:56:33 +02:00
parent 97f3fad8d5
commit df416506bd

View File

@ -67,7 +67,7 @@
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 50; z-index: 50;
background: rgba(0, 0, 0, 0.88); background: rgba(0, 0, 0, 0.92);
backdrop-filter: blur(12px); backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
@ -75,11 +75,12 @@
.topnav-inner { .topnav-inner {
max-width: 1400px; max-width: 1400px;
margin: 0 auto; margin: 0 auto;
padding: 12px 24px; padding: 10px 24px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 16px; gap: 16px;
min-height: 58px;
} }
.brand { .brand {
display: flex; display: flex;
@ -89,13 +90,13 @@
text-decoration: none; text-decoration: none;
} }
.brand-logo { .brand-logo {
height: 56px; height: 38px;
width: auto; width: auto;
display: block; display: block;
} }
@media (max-width: 520px) { @media (max-width: 520px) {
.brand-logo { height: 40px; } .brand-logo { height: 30px; }
.topnav-inner { padding: 10px 16px; } .topnav-inner { padding: 8px 16px; min-height: 48px; }
} }
.brand-sep { .brand-sep {
width: 1px; width: 1px;