incident-config.component.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. @import "../../../../src/theme.less";
  2. :host {
  3. width: 100%;
  4. .incidentConfig{
  5. padding-bottom: 24px;
  6. height: 100%;
  7. display: flex;
  8. flex-direction: column;
  9. justify-content: space-between;
  10. background-color: #F0F2F5;
  11. .tagsAndTemplete{
  12. height: 64px;
  13. display: flex;
  14. justify-content: space-between;
  15. align-items: center;
  16. .tags{
  17. height: 100%;
  18. background: #fff;
  19. flex: 1;
  20. padding: 16px 24px;
  21. display: flex;
  22. align-items: center;
  23. justify-content: space-between;
  24. position: relative;
  25. .transport-peizhizhongxin{
  26. color: @primary-color;
  27. font-size: 20px;
  28. margin-right: 8px;;
  29. }
  30. .tagList{
  31. width: 100%;
  32. position: absolute;
  33. left: 0;
  34. top: 50%;
  35. transform: translateY(-50%);
  36. display: flex;
  37. justify-content: center;
  38. align-items: center;
  39. gap: 48px;
  40. span{
  41. cursor: pointer;
  42. &.active{
  43. color: @primary-color;
  44. }
  45. }
  46. }
  47. }
  48. }
  49. }
  50. }