/
Stameskaaa
/
Client
Обзор
Документация
Войти
/
Stameskaaa
/
Client
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/modules/chat/rightsidechat/chatuserheader/chatuserheader.module.scss
68 строк
1 KB
Stameskaaa
frist commit
19 июн 2024, 15:02
19 июн 2024, 15:02
1cf848d
Код
Авторство
О чём код?
.container { display: flex; flex-direction: row; gap: 10px; flex: 0 0 auto; .img { cursor: pointer; width: 70px; height: 70px; @media (max-width: 500px) { width: 40px; height: 40px; } @media (max-width: 800px) { width: 50px; height: 50px; } } p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .hr { width: 90%; padding: 0px; margin: 15px; border: 1px solid var(--color-primary); } .user_info { display: flex; overflow: hidden; flex-direction: column; gap: 10px; justify-content: center; } .container_buttons { display: flex; flex-direction: row; align-items: center; margin-left: auto; gap: 9px; margin-right: 5px; } .button { cursor: pointer; @media (max-width: 850px) { font-size: 1.7em; } @media (max-width: 500px) { font-size: 1.3em; } @media (max-width: 400px) { font-size: 1em; padding: 3px; } font-size: 2em; &:hover { background-color: var(--color-secondary); color: var(--color-accent); } background-color: var(--color-primary); color: var(--color-lighterdark); border: 2px solid var(--color-secondary); padding: 4px; border-radius: 5px; }