1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- @import "../lessStyles/globalColor.less";
-
- .wrapper {
- display: flex;
- }
-
- .contentWrapper {
- margin-top: 8px;
- margin-bottom: 8px;
- }
-
- .avatar {
- width: 40px;
- height: 40px;
- margin-left: 22px;
- margin-right: 22px;
-
- .avatarImg {
- width: 100%;
- height: 100%;
- border-radius: 50%;
- background-position: center;
- background-size: cover;
- }
- }
-
- .content {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- width: 100%;
-
- & > header {
- display: flex;
-
- h4 { margin: 0; }
- span { margin-left: 8px; }
- }
-
- .speakContent {
- &:extend(.contentWrapper);
- color: @comment_green;
- }
- .speakMediaWrapper {
- width: 350px;
- height: 44px;
- }
-
- .commentContent {
- &:extend(.contentWrapper);
- }
- }
-
- .replyWrapper {
-
- }
|