index.module.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .contactCard{
  2. display: flex;
  3. padding: 16px;
  4. align-items: flex-start;
  5. gap: 8px;
  6. // border-radius: 12px;
  7. color: #262626;
  8. font-family: "PingFang SC";
  9. }
  10. .avatarContainer{
  11. position: relative;
  12. width: 48px;
  13. height: 48px;
  14. }
  15. .avatar{
  16. position: relative;
  17. width: 48px;
  18. height: 48px;
  19. border-radius: 100%;
  20. flex-shrink: 0;
  21. overflow: hidden;
  22. }
  23. .infoColumn{
  24. width: 100%;
  25. display: flex;
  26. flex-direction: column;
  27. gap: 4px;
  28. }
  29. .nameRow{
  30. display: flex;
  31. align-items: center;
  32. gap: 4px;
  33. font-style: normal;
  34. }
  35. .nickName{
  36. font-family: PingFangSC-Medium;
  37. font-size: 16px;
  38. font-style: normal;
  39. font-weight: 500;
  40. line-height: 24px;
  41. }
  42. .tipCnt{
  43. position: absolute;
  44. z-index: 1;
  45. top: 6px;
  46. right: 0px;
  47. font-size: 0px;
  48. height: 8px;
  49. width: 8px;
  50. border-radius: 8px;
  51. background: #FF4747;
  52. border: 1px solid white;
  53. }
  54. .certificationContainer{
  55. display: flex;
  56. align-items: center;
  57. justify-content: center;
  58. background-color: rgba(#31BE59, .1);
  59. width: 20px;
  60. height: 16px;
  61. border-radius: 4px;
  62. }
  63. .subInfo{
  64. color: #414A64;
  65. font-size: 12px;
  66. font-family: PingFangSC-Regular;
  67. font-style: normal;
  68. font-weight: 400;
  69. line-height: 16px;
  70. }
  71. .lastMsg {
  72. .subInfo();
  73. font-family: PingFangSC-Regular;
  74. color: #A1A7BA;
  75. }