global.less 1.61 KB
@import '~antd/es/style/themes/default.less';

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

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

.clickableRow {
  cursor: pointer;
}

.ant-layout {
  min-height: 100vh;
}

canvas {
  display: block;
}

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

ul,
ol {
  list-style: none;
}

#logo {
  width: 200px;
}

.ant-pro-top-nav-header-menu {
  max-width: 860px !important;
}

.antd-pro-components-global-header-index-right {
  width: 154px !important;
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;
        > span {
          display: block;
        }
      }
    }
  }
}

.ant-pro-sider-menu-logo h1 {
  font-size: 18px !important;
}
// 设置PageHeaderwrapper的基础样式
.ant-pro-grid-content.wide {
  min-width: 1000px;
  max-width: 1200px;
  margin: 0 auto;
}
//iconfont图标的图标样式
.ant-pro-icon {
  width: 1.1em;
  height: 1.1em;
  margin: 0 5px;
  overflow: hidden;
  vertical-align: -0.15em;
  fill: currentColor;
}
//menu头
.ant-layout-sider-children > .ant-pro-sider-menu-logo,
#logo {
  width: 100%;
}

.span_limit_1 {
  display: -webkit-box;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

// 📢📢📢: 为了解决有的弹窗内容太多导致的弹窗拉长,不好操作,所以直接让其进行滚动
// .ant-modal-body {
//   max-height: 75vh;
//   overflow-y: auto;
// }