/
Stameskaaa
/
Client
Обзор
Документация
Войти
/
Stameskaaa
/
Client
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/modules/chat/leftsidechat/leftsideuser/leftsideuser.module.scss
78 строк
1 KB
Stameskaaa
fix
23 июн 2024, 19:01
23 июн 2024, 19:01
335a259
Код
Авторство
О чём код?
.container { min-height: 50px; display: flex; flex-direction: row; gap: 10px; align-items: center; padding: 5px; border: 2px solid transparent; margin-right: 5px; cursor: pointer; transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; &:hover { background-color: #2c3e50; transform: scale(1.05); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); } &.active { background-color: #3a506b; transform: scale(1.05); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5); &:hover { background-color: #4b657f; transform: scale(1.05); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5); } } .circle__offline { border-radius: 50%; width: 8px; height: 8px; background-color: red; } .circle__online { border-radius: 50%; width: 8px; height: 8px; background-color: green; } .user_info { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .user_info__status { font-size: 14px; display: flex; flex-direction: row; gap: 10px; align-items: center; white-space: nowrap; } .img { height: 70px; width: 70px; min-width: 70px; min-height: 70px; margin-left: 10px; @media (max-width: 900px) { height: 50px; width: 50px; min-width: 50px; min-height: 50px; margin-left: 0px; } } }