message.module.less 496 B

1234567891011121314151617181920212223242526
  1. .message {
  2. .buttonGroup {
  3. display: flex;
  4. align-items: center;
  5. background: rgba(99, 108, 132, 0.1);
  6. padding: 15px 16px;
  7. }
  8. .btn {
  9. width: 88px;
  10. height: 30px;
  11. line-height: 30px;
  12. font-size: 14px;
  13. font-weight: 600;
  14. background: var(--message-color);
  15. border-radius: 2px;
  16. color: var(--live-color);
  17. text-align: center;
  18. cursor: pointer;
  19. & + .btn {
  20. margin-left: 12px;
  21. }
  22. }
  23. .active {
  24. background: var(--live-light-color);
  25. }
  26. }