Mermutef/schedule
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Шапка одной высоты с админкой, ховер кнопок как у остальных

Browse Source 
- на сайте логотип лежит внутри ссылки и как строчный элемент добавлял 7px:
  шапка была 70px против 63px в админке. Теперь логотип блочный, а ссылка —
  inline-flex: обе шапки 63px (и min-height layout сходится точно);
- выход и «Админка» при наведении только меняют цвет (тёмно-красный и
  синий соответственно), без подъёма, тени и transform — как остальные
  кнопки проекта.
This commit is contained in:
Vladislav Kopnin
2026-10-10 13:00:47 +03:00
parent 3977b0da47
commit 773c3b7700
1 changed files with 8 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/frontend/static/style.css
View File

@@ -112,7 +112,10 @@ a:hover { color: var(--accent-red); }
min-width: 0; min-width: 0;
} }
.topbar-brand > a { display: inline-flex; }
.topbar-logo { .topbar-logo {
display: block;
width: 46px; width: 46px;
height: 46px; height: 46px;
flex-shrink: 0; flex-shrink: 0;
@@ -166,12 +169,11 @@ a:hover { color: var(--accent-red); }
font-size: 13px; font-size: 13px;
font-weight: 600; font-weight: 600;
text-decoration: none; text-decoration: none;
transition: filter .15s ease, transform .15s ease; transition: background .15s ease, border-color .15s ease;
} }
.topbar-admin:hover { filter: brightness(1.1); transform: translateY(-1px); } .topbar-admin:hover { background: var(--accent-blue); border-color: var(--accent-blue); }
.topbar-admin:active { transform: none; }
/* красная кнопка выхода: при наведении темнеет, приподнимается и даёт тень */ /* красная кнопка выхода: при наведении темнеет, как остальные кнопки */
.topbar-logout { .topbar-logout {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@@ -183,15 +185,9 @@ a:hover { color: var(--accent-red); }
font-size: 13px; font-size: 13px;
font-weight: 600; font-weight: 600;
cursor: pointer; cursor: pointer;
transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease; transition: background .15s ease, border-color .15s ease;
} }
.topbar-logout:hover { .topbar-logout:hover { background: var(--accent-red); border-color: var(--accent-red); }
background: var(--accent-red);
border-color: var(--accent-red);
box-shadow: 0 4px 12px color-mix(in srgb, var(--accent-red-bright) 35%, transparent);
transform: translateY(-1px);
}
.topbar-logout:active { transform: none; box-shadow: none; }
.theme-toggle .icon { width: 18px; height: 18px; } .theme-toggle .icon { width: 18px; height: 18px; }
.icon-sun { display: none; } .icon-sun { display: none; }