global.less 8.16 KB
Newer Older
wuhao's avatar
wuhao committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
@import '~antd/es/style/variable.less';

html,
body,
#root {
  height: 100%;
  overflow: hidden;
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;
}
左玲玲's avatar
左玲玲 committed
17 18 19

.ant-pro-core-field-dropdown-overlay {
  margin: -12px -16px;
wuhao's avatar
wuhao committed
20
}
左玲玲's avatar
左玲玲 committed
21

wuhao's avatar
wuhao committed
22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64
.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

// protable 默认样式覆盖
.ant-pro-table .ant-pro-table-search,
.ant-pro-card-body {
  margin: 0 !important;
  padding: 0 !important;
}

.ant-pro-table-list-toolbar-container {
  padding-top: 0 !important;
  padding-bottom: 24px !important;
}

.ant-pro-table-list-toolbar-right {
  flex: 1 !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;

左玲玲's avatar
左玲玲 committed
65 66 67 68 69
    &-thead>tr,
    &-tbody>tr {

      >th,
      >td {
wuhao's avatar
wuhao committed
70 71
        white-space: pre;

左玲玲's avatar
左玲玲 committed
72
        >span {
wuhao's avatar
wuhao committed
73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126
          display: block;
        }
      }
    }
  }
}

.center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.spread {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.colcenter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.colspread {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.logincontent {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  overflow: hidden !important;

  .ant-tabs-nav-wrap {
    display: inline-block !important;
  }

  .ant-tabs-tab-btn {
    color: #f9f9f9 !important;
  }

  .ant-tabs-tab-active {
    font-size: 16px !important;

    .ant-tabs-tab-btn {
左玲玲's avatar
左玲玲 committed
127
      color: @primary-color  !important;
wuhao's avatar
wuhao committed
128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203
    }
  }

  .ant-layout-footer {
    background-color: #23394a !important;

    .ant-pro-global-footer {
      margin: 0 0 20px 0 !important;
      padding: 0 !important;

      * {
        color: rgba(255, 255, 255, 0.6) !important;
      }

      .ant-pro-global-footer-copyright {
        color: rgba(255, 255, 255, 0.3) !important;
      }
    }
  }

  .ant-input-affix-wrapper {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border: none !important;

    input {
      color: #fff !important;
      background-color: rgba(255, 255, 255, 0) !important;
    }
  }

  .ant-select-selector {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border: none !important;

    input {
      color: #fff !important;
      background-color: rgba(255, 255, 255, 0) !important;
    }
  }

  .ant-input {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.3) !important;
    border: none !important;
  }

  .ant-select-selection-item {
    color: #fff !important;
  }

  .anticon-close-circle {
    color: #fff !important;
  }

  .ant-select-clear {
    background-color: transparent !important;
  }

  .ant-select-selection-item-content,
  .ant-select-selection-item-remove {
    color: #000 !important;

    .anticon {
      margin-left: 12px !important;
      color: #000 !important;
    }
  }

  .ant-input-password-icon.anticon {
    color: #fff !important;
  }

  .ant-select-selection-overflow {
    display: flex !important;
    flex-wrap: nowrap !important;
  }
TZW's avatar
TZW committed
204

wuhao's avatar
wuhao committed
205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281
  .ant-pro {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.ant-pro-form-login-main {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  max-width: 80% !important;
}

// 禁用
.ant-pro-sider-collapsed-button,
.ant-pro-global-header-collapsed-button {
  display: none !important;
}

.ant-pro-form-login-container {
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
}

.reg {
  b {
    color: #fff !important;
    font-weight: normal !important;
  }
}

.img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);

  img {
    width: 30%;
    margin: 30px 0 0 30px;
  }
}

.ant-pro .ant-layout-header.ant-pro-layout-header {
  height: 48px !important;
  line-height: 48px !important;
}

.ant-pro .ant-pro-layout .ant-pro-layout-content {
  margin: 0 !important;
  padding: 0 !important;
}

.ant-pro-global-header,
.ant-layout-header {
  height: 48px !important;
  margin: 0 !important;
  line-height: 48px !important;
}

.react-resizable {
  position: relative;
}

.table-cell {
  display: -webkit-box;
wuhao's avatar
wuhao committed
282
  max-width: 230px;
wuhao's avatar
wuhao committed
283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320
  //width: 100%;
  overflow: hidden;
  font-size: 12px !important;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.react-resizable-handle {
  position: absolute;
  right: -5px;
  bottom: 0;
  z-index: 999;
  width: 10px;
  height: 100%;
  background: transparent;
  cursor: col-resize;
}

.selecttable {
  .ant-pro-table-list-toolbar-container {
    padding: 0 !important;
  }

  .ant-pro-table-alert {
    margin-bottom: 0 !important;
  }

  .ant-pro-table-alert .ant-alert.ant-alert-no-icon {
    padding: 7px !important;
  }

  .ant-tabs-nav {
    margin-bottom: 0 !important;
  }
}

.lightblue {
左玲玲's avatar
左玲玲 committed
321
  >td:first-child {
wuhao's avatar
wuhao committed
322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342
    position: relative;

    &::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 3px;
      height: 48%;
      margin: auto;
      background-color: #ff4800;
      border-radius: 0 3px 3px 0;
      content: '';
    }
  }
}

.ant-pro-core-field-label-active {
  width: 100%;
  padding-left: 0 !important;

左玲玲's avatar
左玲玲 committed
343
  >span:first-child {
wuhao's avatar
wuhao committed
344 345
    flex: 1;

左玲玲's avatar
左玲玲 committed
346
    >span:first-child {
wuhao's avatar
wuhao committed
347 348 349
      display: none !important;
    }

左玲玲's avatar
左玲玲 committed
350
    >.ant-spin-nested-loading {
wuhao's avatar
wuhao committed
351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376
      width: 100%;
    }
  }

  .ant-select-arrow {
    display: none !important;
  }
}

.tabsTable {
  background: #fff;

  .ant-tabs-nav {
    padding: 0 20px !important;

    .ant-tabs-tab-btn {
      font-weight: normal;
      font-size: 16px;
    }
  }

  .ant-tabs-content-holder {
    padding: 24px !important;
    padding-top: 0 !important;
  }
}
TZW's avatar
TZW committed
377

wuhao's avatar
wuhao committed
378 379 380 381
//editor fixed
.bf-link-editor .buttons {
  box-sizing: content-box !important;
}
TZW's avatar
TZW committed
382

wuhao's avatar
wuhao committed
383 384 385
.bf-container {
  display: flex !important;
  flex-direction: column !important;
TZW's avatar
TZW committed
386

wuhao's avatar
wuhao committed
387 388 389 390
  .bf-content {
    flex: 1 !important;
  }
}
TZW's avatar
TZW committed
391

wuhao's avatar
wuhao committed
392 393
.container,
.diycard {
wuhao's avatar
wuhao committed
394
  width: 100%;
TZW's avatar
TZW committed
395 396
  height: 100%;
}
TZW's avatar
TZW committed
397

wuhao's avatar
wuhao committed
398 399 400
.ant-pro-table {
  width: 100%;
}
TZW's avatar
TZW committed
401

TZW's avatar
TZW committed
402 403 404 405
.ant-drawer-wrapper-body {
  .diycard {
    height: unset;
  }
wuhao's avatar
wuhao committed
406
}
TZW's avatar
TZW committed
407

wuhao's avatar
wuhao committed
408
.runtime-keep-alive-layout {
左玲玲's avatar
左玲玲 committed
409
  >div {
wuhao's avatar
wuhao committed
410 411 412
    height: 100% !important;
  }
}
TZW's avatar
TZW committed
413 414 415 416 417 418 419 420 421 422

.page-title {
  margin-bottom: 0;
  font-weight: 700;
}

.page-title::before {
  position: relative;
  top: 2px;
  left: 2px;
wuhao's avatar
wuhao committed
423
  width: 4px;
TZW's avatar
TZW committed
424
  margin-right: 10px;
wuhao's avatar
wuhao committed
425 426 427
  color: #1890ff;
  background-color: #1890ff;
  content: '|';
TZW's avatar
TZW committed
428 429 430 431 432 433
}

.fault-detail {
  display: flex;
  flex-direction: row;
  padding: 16px;
wuhao's avatar
wuhao committed
434
  border-left: 2px dashed #ccc;
TZW's avatar
TZW committed
435
}
TZW's avatar
TZW committed
436

TZW's avatar
TZW committed
437 438
.fault-index {
  display: block;
wuhao's avatar
wuhao committed
439
  flex-shrink: 0;
TZW's avatar
TZW committed
440 441
  width: 30px;
  height: 30px;
wuhao's avatar
wuhao committed
442 443
  margin-right: 16px;
  padding: 2px;
TZW's avatar
TZW committed
444 445 446
  font-weight: 500;
  text-align: center;
  background-color: white;
wuhao's avatar
wuhao committed
447 448 449 450 451 452 453 454 455
  border: 2px solid #1890ff;
  border-radius: 50%;
}

.runtime-keep-alive-layout,
.runtime-keep-alive-layout-no {
  height: auto !important;
  min-height: 100% !important;
  overflow: hidden !important;
TZW's avatar
1  
TZW committed
456

左玲玲's avatar
左玲玲 committed
457
  >div {
wuhao's avatar
wuhao committed
458
    height: 100%;
wuhao's avatar
wuhao committed
459 460
    min-height: calc(100vh - 96px);
  }
TZW's avatar
1  
TZW committed
461

wuhao's avatar
wuhao committed
462 463 464 465
  .ant-drawer-content {
    height: 100% !important;
  }
}
TZW's avatar
1  
TZW committed
466

wuhao's avatar
wuhao committed
467 468
// 横向滚动条
.scrollHoriz {
左玲玲's avatar
左玲玲 committed
469
  >div {
wuhao's avatar
wuhao committed
470 471 472
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
TZW's avatar
1  
TZW committed
473

左玲玲's avatar
左玲玲 committed
474
    >div {
wuhao's avatar
wuhao committed
475 476
      flex-shrink: 0 !important;
    }
wuhao's avatar
wuhao committed
477 478
  }
}
TZW's avatar
1  
TZW committed
479 480 481 482

.runtime-keep-alive-layout {
  .ant-layout-sider-children {
    padding-right: 16px;
wuhao's avatar
wuhao committed
483
    padding-left: 16px;
TZW's avatar
1  
TZW committed
484
  }
wuhao's avatar
wuhao committed
485
}
TZW's avatar
TZW committed
486 487 488 489 490 491 492 493 494 495 496

.ant-layout {
  aside {
    z-index: 9999;
  }
}

.runtime-keep-alive-layout {
  aside {
    z-index: 998;
  }
TZW's avatar
TZW committed
497 498 499 500 501 502 503
}

#pushSettingBtn {
  position: relative;
  top: -162px;
  left: 74px;
  color: #1890ff;
wuhao's avatar
wuhao committed
504
}
TZW's avatar
TZW committed
505

wuhao's avatar
wuhao committed
506 507 508 509 510 511 512 513
.ant-popover-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ant-input-number {
  width: 100%;
左玲玲's avatar
左玲玲 committed
514 515 516 517
}

.ant-form-item-label {
  pointer-events: none;
TZW's avatar
TZW committed
518 519 520 521
}

.container___gD5n4 {
  z-index: 9999 !important;
左玲玲's avatar
左玲玲 committed
522
}