/
Rics
/
JobReady
Обзор
Документация
Войти
/
Rics
/
JobReady
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
Front/src/widgets/header/headerTask/ui/headerTask.module.scss
120 строк
2 KB
Rics
add app
16 сен 2025, 16:56
16 сен 2025, 16:56
75981cd
Код
Авторство
О чём код?
.header { display: flex; justify-content: space-between; align-items: center; position: relative; height: 100px; padding: 0 40px; } .left { display: flex; align-items: center; flex: 0 0 auto; color: var(--light); gap: 5px; white-space: nowrap; a { display: flex; align-items: center; text-decoration: none; gap: 5px; } } .logo{ width: 80px; } .name{ font-family: var(--sf-mono-bold); font-weight: 900; font-size: 1.55rem; color: var(--white); } .right { flex: 0 0 auto; color: var(--light); } .avatar{ width: 40px; } .center { display: flex; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: var(--light); gap: 10px; } .container { padding: 0 30px; display: flex; align-items: center; } .tasksLink { margin-left: 12px; text-decoration: none; font-family: var(--gotham-medium); font-style: normal; font-weight: 400; font-size: 19px; color: var(--white); display: flex; align-items: center; transition: color 0.3s ease; &:hover { color: rgba(255, 255, 255, 0.8); } .arrow { transform: translateX(0); transition: transform 0.3s ease; } &:hover .arrow { transform: translateX(-4px); } } .arrow{ width: 8px; height: auto; display: block; margin-right: 8px; } .buttonContainer{ padding: 0 20px; display: flex; } .navButton { background: none; border: none; color: white; font-size: 18px; margin-left: 10px; cursor: pointer; transition: opacity 0.2s; &:hover { opacity: 0.7; } } .icon{ width: 10px; } .iconRandom{ width: 30px; }