AutorÃa | Ultima modificación | Ver Log |
@use '../../../css/shared/variables.scss';
.iconContainer {
display: flex;
justify-content: center;
align-items: center;
}
.statusIcon {
font-size: 0.7rem;
margin-left: 0.2rem;
&_offline {
color: variables.$gray;
}
&_online {
color: variables.$online-green;
}
}
.entity {
display: flex;
font-size: 1.2rem;
padding: 0.5rem 1rem;
&_unread {
background-color: variables.$light-gray;
}
& + & {
border-top: 1px solid variables.$light-gray;
}
img {
clip-path: circle(50%);
width: 50px;
height: 50px;
object-fit: contain;
}
.entityInfo {
display: flex;
margin-left: 1rem;
flex-direction: column;
}
.nameContainer {
display: flex;
align-items: center;
}
.newMessage {
margin-top: 0.5rem;
font-size: 1rem;
}
}
.addGroup {
align-items: center;
justify-content: center;
height: 4rem;
background-color: variables.$dark-white;
i {
margin-right: 0.5rem;
}
}