通用评论

index.less 1.0KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .comment-item-speak-audio-container {
  2. background-color: #f5f5f5;
  3. border: 1px solid rgba(210, 210, 210, 1);
  4. border-radius: 4px;
  5. display: flex;
  6. align-items: center;
  7. height: 100%;
  8. .icon {
  9. cursor: pointer;
  10. width: 28px;
  11. height: 28px;
  12. line-height: 28px;
  13. text-align: center;
  14. border-radius: 14px;
  15. background-color: #fff;
  16. color: #71c135;
  17. margin-left: 12px;
  18. font-size: 14px;
  19. }
  20. .slider {
  21. margin: 0 0 0 16px;
  22. width: 195px;
  23. :global {
  24. .ant-slider-rail {
  25. background-color: #dfdfdf;
  26. }
  27. }
  28. }
  29. .time {
  30. margin-left: 14px;
  31. color: #848484;
  32. font-size: 12px;
  33. }
  34. }
  35. @media screen and (max-width: 616px) and (min-width: 449px) {
  36. .comment-item-speak-audio-container {
  37. .slider {
  38. width: 195px;
  39. }
  40. }
  41. }
  42. @media screen and (max-width: 449px) and (min-width: 365px) {
  43. .comment-item-speak-audio-container {
  44. .slider {
  45. width: 114px;
  46. }
  47. }
  48. }
  49. @media screen and (max-width: 365px) {
  50. .comment-item-speak-audio-container {
  51. .slider {
  52. width: 60px;
  53. }
  54. }
  55. }