react-jwchat
Version:
This is an easy-to-use web chat component, based on react.
34 lines (33 loc) • 463 B
CSS
.content {
padding-top: 20px;
display: flex;
}
.avatar {
min-width: 35px;
min-height: 35px;
width: 35px;
height: 35px;
padding-top: 14px;
}
.avatar > img {
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
}
.text_area {
flex: 1;
padding: 0 10px;
display: flex;
flex-direction: column;
}
.comment_area {
font-size: 12px;
color: #999;
padding-bottom: 4px;
}
.nickname_text {
}
.date_text {
margin-left: 10px;
}