1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- .wrapper {
- display: flex;
-
- .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; }
- }
-
- .toolsWrapper {
- display: flex;
- justify-content: flex-end;
- align-items: center;
-
- .toolsItem {
- margin-left: 8px;
- margin-right: 8px;
- display: flex;
-
- .btnCount {
- margin-left: 2px;
- }
- }
- }
- }
- }
|