/
serg_vale
/
flashCards
Обзор
Документация
Войти
/
serg_vale
/
flashCards
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/layout/header/header.module.scss
80 строк
1 KB
Vlad
search fw
19 фев 2024, 17:46
19 фев 2024, 17:46
e9f5456
Код
Авторство
О чём код?
.headerContent { display: flex; flex-direction: row; place-items: flex-start center; justify-content: space-between; width: 100%; max-width: 1006px; //max-width: 1280px; margin: 0 auto; padding: 12px 16px; & .headerRightSection { display: flex; justify-content: flex-end; //justify-content: center; width: 300px; } } .logoIcon { fill: var(--color-light-100); } .mobileLogoIcon { display: none; fill: var(--color-light-100); } .headerLogo:hover { cursor: pointer; } .headerBlock { background-color: var(--color-dark-700); } .userBlock { user-select: none; display: flex; align-items: center; & img { width: 36px; height: 36px; border-radius: 50%; } & span { text-decoration: underline dashed var(--color-light-100) 2px; text-underline-offset: 5px; } } .dropDownTrigger :hover { cursor: pointer; } .themeSwitcher { position: absolute; z-index: 2; top: 20px; right: 25px; &:hover { cursor: pointer; } } @media screen and (width <= 400px) { .logoIcon { display: none; } .mobileLogoIcon { display: block; } }