/
lizardking
/
react_final
Обзор
Документация
Войти
/
lizardking
/
react_final
Код
Запросы
1
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
src/widgets/Header/ui/Header.module.css
80 строк
1 KB
LizardKing
Рефакторинг на FSD
24 ноя 2025, 16:05
24 ноя 2025, 16:05
eedf5c5
Код
Авторство
О чём код?
.header { width: 100%; padding: 12px 0; background-color: #ffe44d; } .header__wrapper { display: flex; justify-content: space-between; align-items: center; gap: 80px; } @media (width <= 700px) { .header__wrapper { flex-direction: column; align-items: stretch; gap: 20px; } } .header__profile { display: flex; flex-direction: column; align-items: flex-end; font-weight: 600; font-size: 18px; } .header__icons_menu { display: flex; flex-wrap: wrap; gap: 30px; } .header__favorites_link { position: relative; width: 34px; height: 34px; } .header__icons_menu svg { width: 100%; height: 100%; } .header__icon_bubble { position: absolute; bottom: 60%; left: 70%; display: flex; justify-content: center; align-items: center; box-sizing: border-box; width: 22px; height: 22px; color: #ffffff; font-size: 14px; line-height: 1.25; background-color: #01a54e; border: 2px solid #ffe44d; border-radius: 50%; } .header__icons_menu_item { display: flex; align-items: center; gap: 10px; color: #1a1a1a; font-weight: 600; font-size: 18px; text-decoration: none; } .header__icons_menu_item svg { flex-shrink: 0; width: 28px; height: 28px; fill: currentcolor; }