react-chat-elements-v2
Version:
Reactjs chat components
58 lines (47 loc) • 914 B
CSS
.rce-avatar-container {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.rce-avatar-container .rce-avatar {
width: 100%;
height: 100%;
}
.rce-avatar-container.flexible .rce-avatar {
height: auto ;
width: 100% ;
border-radius: unset ;
overflow: unset ;
}
.rce-avatar-container.default{
width: 25px;
height: 25px;
}
.rce-avatar-container.rounded{
border-radius: 5px;
}
.rce-avatar-container.circle{
border-radius: 100%;
}
.rce-avatar-container.xsmall{
width: 30px;
height: 30px;
}
.rce-avatar-container.small{
width: 35px;
height: 35px;
}
.rce-avatar-container.medium{
width: 40px;
height: 40px;
}
.rce-avatar-container.large{
width: 45px;
height: 45px;
}
.rce-avatar-container.xlarge{
width: 55px;
height: 55px;
}