mirror of
https://github.com/EDeev/tablo.git
synced 2026-10-07 20:49:31 +03:00
63 lines
1.5 KiB
CSS
63 lines
1.5 KiB
CSS
/* ═══ Навбар ════════════════════════════════════════════════════════════════ */
|
||
.t-nav {
|
||
background: var(--surface);
|
||
border-bottom: 1px solid var(--border);
|
||
padding: 0 28px;
|
||
height: 54px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
position: sticky;
|
||
top: 0;
|
||
z-index: 100;
|
||
}
|
||
.t-brand {
|
||
font-weight: 800;
|
||
font-size: 16px;
|
||
letter-spacing: -.04em;
|
||
color: var(--ink);
|
||
display: flex;
|
||
align-items: center;
|
||
line-height: 1;
|
||
}
|
||
.t-brand-tab {
|
||
color: var(--ink);
|
||
}
|
||
.t-brand-lo {
|
||
background: var(--green);
|
||
color: #fff;
|
||
border-radius: 5px;
|
||
padding: 2px 5px 3px;
|
||
margin-left: 1px;
|
||
line-height: 1;
|
||
}
|
||
|
||
.t-nav-r {
|
||
margin-left: auto;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
}
|
||
/* Все кнопки в правой части навбара — одинаковая высота */
|
||
.t-nav-r .t-btn,
|
||
.t-nav-r .t-btn-icon {
|
||
height: 32px;
|
||
}
|
||
.t-nav-r .t-btn {
|
||
padding: 0 14px;
|
||
font-size: 12.5px;
|
||
}
|
||
.t-nav-r .t-btn-icon {
|
||
padding: 0 8px;
|
||
width: auto;
|
||
}
|
||
|
||
.t-nav-user { font-size: 12px; color: var(--muted); }
|
||
|
||
/* Переключатель темы — иконки */
|
||
.t-theme-toggle { font-size: 15px; }
|
||
[data-theme="dark"] .t-icon-sun { display: block; }
|
||
[data-theme="dark"] .t-icon-moon { display: none; }
|
||
[data-theme="light"] .t-icon-sun { display: none; }
|
||
[data-theme="light"] .t-icon-moon { display: block; }
|
||
.t-icon-sun, .t-icon-moon { display: none; }
|