+14
-10
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user