interLock.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. /**IoT Edge相关 修改框架 */
  2. /**
  3. .iotmenu-content-layout{
  4. .ant-btn-primary{
  5. background: linear-gradient(0deg,rgba(1,159,243,.4),rgba(138,210,249,.4)) !important;
  6. background-color: #0fabfe!important;
  7. border-color: #0fabfe!important;
  8. }
  9. .ant-card:not(.topo-card){
  10. border: 1px solid #cadae6;
  11. box-shadow: 0 3px 8px 0 rgba(2,72,109,.15);
  12. }
  13. }
  14. */
  15. /**IoT TPM相关 修改框架 */
  16. .iotmenu-content-container .iotmenu-content-layout {
  17. height: 100%;
  18. overflow: hidden;
  19. /** 系统自带的main */
  20. }
  21. .iotmenu-content-container .iotmenu-content-layout .iotmenu-content-header {
  22. width: 160px;
  23. height: 48px;
  24. display: flex;
  25. justify-content: center;
  26. align-items: center;
  27. padding: 12px 16px 12px 24px;
  28. border-radius: 8px 8px 0 0 ;
  29. color: #323233;
  30. background: #FAFAFA;
  31. font-size: 16px;
  32. font-weight: 700;
  33. }
  34. .iotmenu-content-container .iotmenu-content-layout .iotmenu-content-header .anticon {
  35. color: #008cd6;
  36. padding-right: 12px;
  37. }
  38. .iotmenu-content-container .iotmenu-content-layout .iotmenu-content {
  39. height: calc(100vh - 59px - 48px - 6px);
  40. background: #FAFAFA;
  41. overflow: auto;
  42. }
  43. .iotmenu-content-container .ant-btn-primary {
  44. background: #008cd6 !important;
  45. border-color: #1890ff !important;
  46. font-size: 16px;
  47. }
  48. .iotmenu-content-container .table-page-search-wrapper .ant-form .ant-form-item .ant-form-item-label label {
  49. color: #323233;
  50. font-size: 16px;
  51. font-weight: 400;
  52. }
  53. .iotmenu-content-container .ant-table {
  54. background: transparent !important;
  55. }
  56. .iotmenu-content-container .ant-table .ant-table-thead tr th {
  57. color: #323233 !important;
  58. font-size: 16px !important;
  59. font-weight: 700 !important;
  60. }
  61. .iotmenu-content-container .ant-table .ant-table-tbody tr td {
  62. color: #323233 !important;
  63. font-size: 15px;
  64. }
  65. .iotmenu-content-container .ant-tabs .ant-tabs-bar {
  66. margin: 0 !important;
  67. border: none;
  68. }
  69. .iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container {
  70. height: 48px !important;
  71. margin: 0;
  72. }
  73. .iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap {
  74. height: 48px !important;
  75. }
  76. .iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab {
  77. width: 160px;
  78. height: 48px !important;
  79. line-height: 48px;
  80. font-size: 16px;
  81. text-align: center;
  82. color: #89898a;
  83. padding: 0 24px;
  84. font-weight: 700;
  85. background: transparent;
  86. border: transparent;
  87. border-radius: 8px 8px 0 0;
  88. }
  89. .iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab-active {
  90. color: #323233;
  91. background: #fafafa;
  92. border: transparent;
  93. box-shadow: 0 3px 8px 0 rgba(2, 72, 109, 0.15);
  94. }
  95. .iotmenu-content-container .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab-active .anticon {
  96. color: #008cd6;
  97. }
  98. .iotmenu-content-container .interlock-detail-header {
  99. font-size: 24px;
  100. font-weight: 700;
  101. color: #323233;
  102. padding: 8px 24px;
  103. }
  104. .iotmenu-content-container .interlock-detail-header .anticon {
  105. color: #008cd6;
  106. padding-right: 4px;
  107. }
  108. .iotmenu-content-container .ant-card {
  109. background: #FAFAFA;
  110. }