taskList.less 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. .cardContainer {
  2. width: 100%;
  3. padding: 20px 20px 10px 20px;
  4. background-color: white;
  5. .collapseLabel {
  6. width: 100%;
  7. .ant-collapse-arrow {
  8. font-size: 24px;
  9. }
  10. :global {
  11. .ant-collapse-item {
  12. margin-bottom: 0;
  13. }
  14. .ant-collapse-header {
  15. justify-content: center;
  16. flex-direction: row-reverse;
  17. align-items: center;
  18. margin-top: 10px;
  19. .ant-collapse-header-text {
  20. font-size: 24px;
  21. flex: unset;
  22. margin-inline-end: unset;
  23. }
  24. .ant-collapse-arrow {
  25. font-size: 24px;
  26. }
  27. }
  28. }
  29. .workOrderCard {
  30. margin-bottom: 20px;
  31. padding: 20px 10px;
  32. border-radius: 8px;
  33. background-color: #e5effa;
  34. display: flex;
  35. align-items: center;
  36. .leftInfo {
  37. width: 80%;
  38. }
  39. .rightButton {
  40. flex: auto;
  41. color: #5697e4;
  42. font-size: 24px;
  43. text-align: center;
  44. display: flex;
  45. justify-content: center;
  46. align-items: center;
  47. }
  48. }
  49. }
  50. }
  51. .topContainer {
  52. // height: 120px;
  53. .fixedTop {
  54. position: fixed;
  55. top: 0;
  56. width: 100%;
  57. z-index: 10;
  58. background-color: #ffffff;
  59. }
  60. }
  61. .fontS28 {
  62. font-size: 28px;
  63. }
  64. .fontS26 {
  65. font-size: 26px;
  66. }
  67. .fontS24 {
  68. font-size: 24px;
  69. }
  70. .fontS20 {
  71. font-size: 20px;
  72. }
  73. .fontS18 {
  74. font-size: 18px;
  75. }
  76. .fontS16 {
  77. font-size: 16px;
  78. }