mh-sms-web/src/index.css

/**
 * 响应式分三档，1200 ~ 1599 一档，1600 ~ 1899 第二档，1900 及以上第三档
 * 设计稿尺寸 1920 * 1080，以此为基准，属于第三档，html font-size 设置为 100px，也即 1rem = 100px
 * 那么第二档 html font-size 设置为 100px / 1.2 = 83.33px（1.2倍数：1600 * 1.2 = 1920）
 * 同理第一档 html font-size 设置为 100px / 1.5 = 66.66px（1.5倍数：1280 * 1.5 = 1920）
 * font-size 不做响应式，一律按第一档设计稿 / 1.5 的值用作 font-size
 */
@media screen and (max-width: 1599px) {
  html {
    font-size: 66.66px;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1899px) {
  html {
    font-size: 83.33px;
  }
}

@media screen and (min-width: 1900px) {
  html {
    font-size: 100px;
  }
}

html,
body,
:global(#root) {
  max-width: 100vw;
  height   : 100%;
}

body {
  font-size: 12px;
}

@font-face {
  font-family: 'DIGITAL-GO';
  src: url('./assets/fonts/DIGITAL-GO.ttf');
}

:global(.ant-layout.ant-layout-has-sider) {
  height: 100vh;
}

:global(.ant-table-bordered .ant-table-thead)>tr>th button,
:global(.ant-table-bordered .ant-table-tbody)>tr>td button {
  margin-right: 8px;
}

:global(.ant-modal-content) {
  overflow: auto;
}

:global(.ant-table-thead)>tr>th,
:global(.ant-table-tbody)>tr>td {
  /* white-space  : nowrap; */
  /*全局设置td th*/
  min-width    : 35px;
  overflow     : hidden;
  /* text-overflow: ellipsis; */
  white-space: 'pre-wrap'
}

:global(.ant-table-thead)>tr>th:not(:last-child),
:global(.ant-table-tbody)>tr>td:not(:last-child) {
  /*除了表格操作列以外其它列的宽度设置*/
  max-width: 200px;
}

:global(.ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only) {
  /* 设置纯icon按钮的内边距（small）*/
  padding-left : 4px !important;
  padding-right: 4px !important;
}

:global(.ant-progress-show-info .ant-progress-outer) {
  /* 进度条 */
  padding-right: calc(2em + 25px) !important;
  margin-right : calc(-2em - 30px) !important;
}

:global(.ant-modal-body) {
  /*设置弹窗body的最大高*/
  max-height: calc(80vh - 55px);
  overflow  : auto;
}

:global(.custom-modal-wrap .ant-modal-body) {
  /*设置弹窗body的高, 适用EditModal和ShowModal*/
  height: calc(80vh - 55px);
}

:global(.customConfigModal .ant-modal-body) {
  max-height: calc(96vh - 55px);
}

/** 全屏弹窗样式 ===start=== **/
:global(.ant-modal.antd-modal-fullscreen) {
  top    : 0;
  width  : 100% !important;
  height : 100%;
  z-index: 100;
  position: fixed;
  padding: 36px 5px 10px 5px;
  min-width: 375px;
}
:global(.ant-modal.antd-modal-homescreen) {
  top    : 0;
  width  : 100% !important;
  height : 100%;
  z-index: 100;
  position: fixed;
  padding: 36px 40px 40px 40px;
  min-width: 375px;
}

:global(.ant-modal.antd-modal-fullscreen > .ant-modal-content) {
  height: 100%;
}

:global(.ant-modal.antd-modal-fullscreen > .ant-modal-content > .ant-modal-body) {
  height    : calc(100% - 55px);
  padding   : 0;
  max-height: unset;
}
:global(.ant-modal.antd-modal-homescreen > .ant-modal-content) {
  height: 100%;
}

:global(.ant-modal.antd-modal-homescreen > .ant-modal-content > .ant-modal-body) {
  height    : calc(100% - 55px);
  padding   : 0;
  max-height: unset;
}

/** 全屏弹窗样式 ===end=== **/

:global(.custom-dropdown-icon) {
  position : relative;
  top      : 2px;
  font-size: 18px !important;
}

:global(.ant-table-tbody)>tr>td :global(.td-align-left) {
  text-align: left;
}

:global(.ant-input-disabled) {
  /*设置全局输入框禁用文本的字体颜色*/
  color: #848383;
}

:global(.ant-table-body) {
  /*禁用table-body透明转换，防止有些显示器不转换*/
  transition: opacity 0;
}

/** 页面可滚动样式 */
:global(.scroll_page) {
  height    : 100%;
  overflow-y: auto;
}

:global(.full_height) {
  height: 100%;
}

/** 旧Search组件 */
:global(.advanced-search__form > .ant-form) {
  display    : flex;
  align-items: center;
  flex-wrap  : wrap;
}

:global(.advanced-search__form > .ant-form > .ant-form-item) {
  display      : flex;
  width        : 25%;
  min-width    : 300px;
  margin       : 0;
  padding-right: 20px;
}

:global(.advanced-search__form > .ant-form > .ant-form-item > .ant-form-item-control-wrapper) {
  flex: 1;
}

:global(.advanced-search__btns-zone) {
  display        : flex;
  flex           : 1;
  flex-direction : row;
  justify-content: space-between;
  align-items    : center;
  min-width      : 180px;
}

:global(.advanced-search__tool-wrap) {
  display        : flex;
  flex           : 1;
  justify-content: flex-end;
  align-items    : center;
  padding-right  : 20px;
}

:global(.advanced-search__children) {
  margin-right: 8px;
}

/** 普通样式 */
:global(.ant-form-item-label > label.ant-form-item-no-colon::after) {
  display: none;
}

:global(.text-ellipsis) {
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

:global(.vertical-middle) {
  vertical-align: middle;
}

/* :global(.ant-descriptions-row>th) {
  width: 100px;
  padding: 10px !important;
}
:global(.ant-descriptions-row>td) {
  padding: 10px !important;
} */