ChatSocialMessage.module.scss 961 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .follower {
  2. border-color: rgba(0, 0, 0, 0.3);
  3. border-width: 1px;
  4. border-style: solid;
  5. padding: 10px 10px;
  6. border-radius: 15px;
  7. height: 85px;
  8. width: 300px;
  9. overflow: hidden;
  10. &:hover {
  11. border-color: var(--theme-text-link);
  12. }
  13. .avatar {
  14. height: 60px;
  15. width: 60px;
  16. border-color: rgba(0, 0, 0, 0.3);
  17. border-width: 1px;
  18. border-style: solid;
  19. }
  20. .body {
  21. color: var(--theme-color-components-text-on-light);
  22. text-overflow: ellipsis;
  23. }
  24. .account {
  25. font-family: var(--theme-text-display-font-family);
  26. font-weight: 600;
  27. color: var(--theme-color-components-text-on-light);
  28. }
  29. .icon {
  30. position: relative;
  31. width: 25px;
  32. height: 25px;
  33. top: -20px;
  34. left: 40px;
  35. border-color: white;
  36. border-width: 1px;
  37. border-style: solid;
  38. border-radius: 50%;
  39. background-size: cover;
  40. background-position: center;
  41. }
  42. .placeholder {
  43. width: 100%;
  44. height: 100%;
  45. }
  46. }