onchain-uikit 0.0.2 → 0.0.6

package/src/assets/styles/antd.custom.less

@@ -0,0 +1,1144 @@
+@import "./mixins.less";
+// dropdown全局样式
+.frontend-dropdown {
+  max-width: 300px;
+}
+.frontend-dropdown-menu-item,
+.frontend-dropdown-menu-submenu-title {
+  font-size: 12px !important;
+  line-height: 16px !important;
+}
+
+.frontend-select-selection-item-remove {
+  display: flex !important;
+}
+
+.frontend-tabs-tab {
+  // min-width: 38px !important;
+}
+//清除disabled样式
+.cleardisable {
+  color: @text-color;
+  background-color: #fff !important;
+  cursor: auto !important;
+  border: 1px solid transparent !important;
+  // white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  user-select: auto !important;
+  font-size: 12px;
+  padding: 0px;
+}
+.frontend-form-inline .frontend-form-item {
+  margin-right: 10px !important;
+}
+.frontend-form-item-label > label .frontend-form-item-optional {
+  display: none !important;
+}
+// 表单样式
+.frontend-form {
+  .frontend-form-item-label {
+    padding: 0px !important;
+  }
+  label {
+    font-size: 12px !important;
+  }
+  .frontend-checkbox-group-item {
+    margin-right: 32px;
+  }
+  .frontend-form-item {
+    margin-bottom: 16px !important;
+    // overflow: hidden !important;
+  }
+  .frontend-form-item-label > label {
+    // padding-top: 5px;
+    font-weight: 600;
+    .global_label();
+    // width: 100%;
+    // display: block;
+    // height: 100%;
+    // // word-break: break-all;
+    // white-space: nowrap;
+    // overflow: hidden;
+    // text-overflow: ellipsis;
+  }
+
+  .frontend-form-item-explain,
+  .frontend-form-item-extra {
+    font-size: 12px;
+  }
+
+  textarea.frontend-input {
+    resize: none;
+    font-size: 12px !important;
+  }
+  .frontend-select {
+    font-size: 12px;
+  }
+  .frontend-input {
+    font-size: 12px;
+  }
+  .frontend-input-affix-wrapper {
+    height: 30px !important;
+  }
+  .frontend-row .frontend-form-item {
+    margin-right: 10px !important;
+  }
+  // 只读
+  .readOnly {
+    .frontend-picker-disabled .frontend-picker-input > input {
+      border: none !important;
+    }
+    // .frontend-form .readOnly textarea.frontend-input-disabled {
+    //   white-space: wrap !important;
+    // }
+    .frontend-form-item-control {
+    }
+
+    .frontend-select-selection-placeholder {
+      display: none !important;
+    }
+
+    // 输入框只读
+    input.frontend-input-disabled:extend(.cleardisable) {
+    }
+
+    .frontend-input-number-disabled
+      .frontend-input-number-input:extend(.cleardisable) {
+    }
+    textarea.frontend-input-disabled::placeholder {
+      visibility: hidden;
+    }
+
+    // 文本域只读
+    .frontend-input-textarea-show-count::after {
+      display: none;
+    }
+    textarea.frontend-input-disabled:extend(.cleardisable) {
+      padding: 5px 0px;
+      height: 50px;
+      color: @text-color;
+      overflow-y: auto;
+      background-color: #fff !important;
+      cursor: auto !important;
+      border: 1px solid transparent !important;
+    }
+
+    // 下拉框只读
+    .frontend-select-disabled:not(.frontend-cascader) {
+      pointer-events: none;
+      .frontend-select-selector:extend(.cleardisable) {
+        .frontend-select-selection-item {
+          user-select: auto !important;
+        }
+      }
+      .frontend-select-arrow {
+        display: none;
+      }
+    }
+    .frontend-select-disabled.frontend-select-multiple
+      .frontend-select-selection-item {
+      background: #ffffff !important;
+      border: 1px solid @sider-border !important;
+    }
+
+    // 编号只读
+    .frontend-input-number-disabled:extend(.cleardisable) {
+      height: 24px;
+    }
+
+    // 日期只读
+    .frontend-picker-disabled:extend(.cleardisable) {
+      .frontend-picker-suffix {
+        display: none;
+      }
+
+      .frontend-picker-input > input:extend(.cleardisable) {
+        color: #2c3652;
+        cursor: auto !important;
+      }
+    }
+
+    // 级联选择框只读
+    .frontend-cascader-picker-disabled:extend(.cleardisable) {
+      cursor: auto;
+      .frontend-cascader-picker-arrow {
+        display: none;
+      }
+    }
+  }
+}
+
+.react-viewer-close {
+  display: none;
+}
+.react-viewer-navbar {
+  display: none;
+}
+.react-viewer-showTotal {
+  display: none;
+}
+
+//所有选择项
+.frontend-select-item {
+  font-size: 12px !important;
+}
+
+.frontend-form-item-label
+  > label.frontend-form-item-required:not(
+    .frontend-form-item-required-mark-optional
+  ) {
+  // &::after {
+  //   display: inline-flex;
+  //   align-items: center;
+  //   align-self: center;
+  //   // margin: 4px 2px;
+  //   color: #ff4d4f;
+  //   font-size: 14px;
+  //   font-family: SimSun, sans-serif;
+  //   line-height: 1;
+  //   content: '*';
+  // }
+  // &::before {
+  //   display: none !important;
+  //   content: '' !important;
+  // }
+}
+.frontend-input,
+.frontend-select-selector,
+.frontend-input-affix-wrapper,
+.frontend-input-number-input {
+  border-radius: 0px !important;
+  font-size: 12px;
+}
+textarea.frontend-input-disabled,
+textarea.frontend-input[disabled] {
+  color: #2c3652;
+}
+.frontend-select-multiple .frontend-select-selection-item {
+  background: #ddeffe !important;
+}
+.frontend-select-tree .frontend-select-tree-node-content-wrapper {
+  font-size: 12px;
+}
+.frontend-select-disabled .frontend-select-selection-item {
+  background: #fff !important;
+  color: #001737 !important;
+  border: none !important;
+}
+
+.frontend-form
+  .readOnly
+  .frontend-select-disabled.frontend-select-multiple
+  .frontend-select-selection-item {
+  background: rgba(227, 235, 246, 0.35) !important;
+  border: 1px solid #e3ebf6 !important;
+}
+.frontend-form-inline {
+  flex-wrap: nowrap !important;
+}
+.frontend-picker,
+.frontend-picker-input > input {
+  font-size: 12px !important;
+}
+
+// .frontend-tag {
+//   background-color: rgba(227, 235, 246, 0.35) !important;
+//   border: 1px solid #e3ebf6 !important;
+// }
+
+.frontend-modal-body {
+  .frontend-table-body {
+    overflow-x: scroll !important;
+
+    // tr:last-child > td {
+    //   border: none !important;
+    // }
+  }
+
+  // 滚动条整体部分
+  .frontend-table-body::-webkit-scrollbar {
+    /* 设置垂直滚动条宽度 */
+    width: 10px !important;
+    height: 10px !important;
+  }
+
+  // 边角
+  .frontend-table-body::-webkit-scrollbar-corner {
+    background-color: #dbdbdb !important;
+  }
+
+  // 滚动的滑块
+  .frontend-table-body::-webkit-scrollbar-thumb {
+    // border-radius: 5px !important;
+    background-color: #cccccc !important;
+  }
+
+  // // 内层滚动槽
+  // .frontend-table-body::-webkit-scrollbar-track-piece {
+  //   background-color: #f5f5f5 !important;
+  // }
+}
+
+.frontend-table-filter-dropdown {
+  .frontend-btn {
+    font-size: 12px !important;
+  }
+}
+// .frontend-notification {
+//   .frontend-notification-notice-close {
+//     display: none;
+//   }
+//   height: 100vh;
+//   width: 100vw;
+//   .frontend-notification-notice {
+//     height: 480px;
+//     height: 116px;
+//     .frontend-notification-notice-description {
+//       font-size: 12px;
+//     }
+//   }
+// }
+
+.frontend-input:placeholder-shown,
+textarea.frontend-input,
+.frontend-input,
+.frontend-picker-panel,
+.frontend-cascader-menus,
+a,
+area,
+button,
+[role="button"],
+input:not([type="range"]),
+label,
+select,
+summary,
+textarea {
+  font-size: 12px;
+}
+
+.frontend-layout-header {
+  background: #fff !important;
+  background-color: #fff !important;
+}
+
+.table-checkbox {
+  .frontend-radio-inner {
+    background-color: #d0d0d0 !important;
+    border: none !important;
+    border-style: none !important;
+  }
+  .frontend-table-row-selected td:not(.frontend-table-selection-column) {
+    background-color: #d4eafd !important;
+  }
+
+  .frontend-table-row:hover > td:first-child {
+    border-start-start-radius: 0px !important;
+    border-end-start-radius: 0px !important;
+  }
+  .table_row_drag_hoving td {
+    background-color: #d4eafd !important;
+  }
+  .frontend-table-selection {
+    height: 100%;
+    width: 100%;
+  }
+  // checkbox
+  .frontend-checkbox-input {
+    &:hover {
+      border: none;
+    }
+  }
+  .frontend-checkbox-inner {
+    &:hover {
+      border: none;
+    }
+  }
+  // .frontend-table-tbody > tr.frontend-table-row-selected > td .frontend-table-selection-column {
+  //   padding: 0px 0px;
+  // }
+  .frontend-checkbox-checked::after {
+    border: 1px solid transparent;
+    content: none;
+  }
+  .frontend-checkbox-wrapper
+    .frontend-checkbox:not(.frontend-checkbox-disabled):not(
+      .frontend-checkbox-checked
+    )
+    .frontend-checkbox-inner {
+    border-color: transparent;
+    background-color: transparent;
+  }
+  .frontend-checkbox-disabled .frontend-checkbox-inner {
+    // border: none;
+    border-radius: 0px;
+  }
+  table tr th.frontend-table-selection-column,
+  table tr td.frontend-table-selection-column {
+    padding: 0px !important;
+    background-color: #d0d0d0 !important;
+  }
+
+  .frontend-table-body .frontend-checkbox-disabled .frontend-checkbox-inner {
+    background-color: #d0d0d0;
+  }
+
+  .frontend-table-thead .frontend-checkbox-disabled .frontend-checkbox-inner {
+    background: none;
+  }
+
+  .frontend-checkbox-checked .frontend-checkbox-inner {
+    // background-color: @sider-border !important;
+    border-color: transparent;
+    border-radius: 0px;
+  }
+
+  .frontend-checkbox-indeterminate .frontend-checkbox-inner::after {
+    background-color: transparent;
+  }
+  .frontend-checkbox-checked .frontend-checkbox-inner::after {
+    display: none;
+  }
+  .frontend-table-selection,
+  .frontend-checkbox-wrapper,
+  .frontend-checkbox,
+  .frontend-checkbox-inner {
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+}
+.frontend-tabs-dropdown-menu-item > span {
+  font-size: 12px;
+}
+
+.notice-custom-class {
+  padding: 15px 16px;
+  border-radius: 5px;
+  width: 324px;
+  margin-right: 38px;
+  top: 52px;
+  cursor: pointer;
+  overflow: initial;
+
+  .frontend-notification-notice-message {
+    padding-right: 0;
+    margin-left: 52px !important;
+    margin-bottom: 0;
+    .titleFlex {
+      display: flex;
+      justify-content: space-between;
+      .theme {
+        font-size: 14px;
+        color: #333;
+        font-weight: 600;
+      }
+      .time {
+        font-size: 12px;
+        color: #666;
+      }
+    }
+  }
+  .frontend-notification-notice-description {
+    font-size: 12px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    margin-left: 52px !important;
+  }
+  .frontend-notification-notice-icon {
+    margin-left: 0;
+    margin-top: 1px;
+
+    .markIcon {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-size: 18px;
+      color: #fff;
+    }
+    .greenIcon {
+      background: #1b8413;
+    }
+    .blueIcon {
+      background: #0563b2;
+    }
+    .redIcon {
+      background: #db321c;
+    }
+  }
+  .frontend-notification-notice-close {
+    position: absolute;
+    top: -11px;
+    left: -11px;
+  }
+}
+.ria_frontend_notify {
+  width: 480px;
+  padding: 10px 0px;
+  background: #ddeffe;
+  border-left: 3px solid @primary-color;
+  border-radius: 0px;
+  bottom: 250px;
+  .frontend-notification-notice-message {
+    font-weight: 500 !important;
+    color: #333333 !important;
+    font-size: 12px !important;
+  }
+  .frontend-notification-notice-description {
+    font-weight: 400 !important;
+    color: #333333 !important;
+    font-size: 12px !important;
+  }
+  .frontend-notification-notice-icon {
+    color: #0563b2;
+    font-size: 18px;
+    line-height: 18px;
+  }
+  .frontend-notification-notice-with-icon .frontend-notification-notice-message,
+  .frontend-notification-notice-with-icon
+    .frontend-notification-notice-description {
+    margin-left: 42px;
+  }
+  .frontend-notification-notice-icon {
+    margin-left: 12px;
+    margin-top: 12px;
+  }
+  .frontend-notification-notice-close {
+    top: 5px;
+    right: 10px;
+    color: rgba(0, 0, 0, 0.25);
+  }
+}
+
+@media screen and (max-width: 1440px) {
+  .ria_frontend_notify {
+    bottom: 16px;
+  }
+}
+
+.ria_frontend_notify_top {
+  width: 380px;
+  padding: 10px 0px;
+  background: #fff;
+  border-left: 3px solid @primary-color;
+  top: 90px;
+  height: 80px;
+  border-radius: 0px;
+  .frontend-notification-notice-message {
+    font-weight: 500 !important;
+    color: #333333 !important;
+    font-size: 12px !important;
+  }
+  .frontend-notification-notice-description {
+    font-weight: 400 !important;
+    color: #333333 !important;
+    font-size: 12px !important;
+  }
+  .frontend-notification-notice-with-icon
+    .frontend-notification-notice-message {
+    margin-left: 36px;
+  }
+  .frontend-notification-notice-with-icon
+    .frontend-notification-notice-description {
+    margin-left: 12px;
+  }
+  .frontend-notification-notice-icon {
+    margin-left: 12px;
+    margin-top: 3px;
+    font-size: 18px;
+    line-height: 18px;
+  }
+  .frontend-notification-notice-close {
+    top: 5px;
+    right: 10px;
+    color: rgba(0, 0, 0, 0.25);
+  }
+}
+.frontend-message {
+  top: 80px;
+}
+.frontend-message-notice-content .frontend-message-error,
+.frontend-message-notice-content .frontend-message-warning,
+.frontend-message-notice-content .frontend-message-info,
+.frontend-message-notice-content .frontend-message-success {
+  padding-left: 14px;
+  padding-right: 14px !important;
+  word-break: break-all;
+}
+.frontend-message-notice-content {
+  min-width: 288px !important;
+  padding: 0px !important;
+  font-size: 12px !important;
+  display: inline-block !important;
+  align-items: center !important;
+  min-height: 40px !important;
+  display: inline-flex !important;
+  border-radius: 0 !important;
+  // // &:not(.ant){
+  // // }
+  .frontend-message-success {
+    // height: 100%;
+    // border-left: 4px solid #44b84a !important;
+    min-height: 40px;
+    display: flex;
+    align-items: center;
+    padding-right: 10px;
+  }
+  .frontend-message-error {
+    // height: 100%;
+    // border-left: 4px solid #eb5d52 !important;
+    min-height: 40px;
+    display: flex;
+    align-items: center;
+    padding-right: 10px;
+  }
+}
+.frontend-message-custom-content {
+}
+.frontend-checkbox-inner {
+  border: 1px solid #e4e4e4;
+  border-radius: 0px;
+}
+
+.frontend-message-notice-content .frontend-message-error,
+.frontend-message-notice-content .frontend-message-warning,
+.frontend-message-notice-content .frontend-message-info,
+.frontend-message-notice-content .frontend-message-success {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+// 按钮
+.frontend-btn {
+  padding: 2px 15px;
+  font-size: 12px !important;
+  border-radius: 0px !important;
+}
+
+// .frontend-modal-confirm .frontend-modal-body {
+//   border-left: 4px solid #ffb200;
+// }
+// .frontend-modal-content {
+//   min-height: 116px !important;
+//   width: 480px !important;
+// }
+
+.frontend-select-tree
+  .frontend-select-tree-node-content-wrapper.frontend-select-tree-node-selected {
+  background-color: rgb(221, 239, 254) !important;
+}
+
+.frontend-select-item-option-selected:not(
+    .frontend-select-item-option-disabled
+  ) {
+  background-color: rgb(221, 239, 254) !important;
+  font-weight: 400 !important;
+  color: @primary-color !important;
+}
+
+.twiceaffirm {
+  // .frontend-modal-confirm-body > .anticon + .frontend-modal-confirm-title + .frontend-modal-confirm-content {
+  //   margin-left: 0px;
+  // }
+  // // .frontend-modal-body {
+  // //   height: 116px !important;
+  // // }
+  // .frontend-modal-confirm-body .frontend-modal-confirm-content {
+  //   font-size: 12px;
+  // }
+  // .frontend-modal-confirm-body .frontend-modal-confirm-title {
+  //   font-weight: bold;
+  //   font-size: 14px;
+  // }
+  // .frontend-modal-confirm-body .frontend-modal-confirm-title {
+  //   // display: contents;
+  //   display: -webkit-box;
+  //   -webkit-box-orient: vertical;
+  //   -webkit-line-clamp: 1;
+  //   overflow: hidden;
+  // }
+  // .frontend-modal-confirm .frontend-modal-body {
+  //   border-left: 0px solid #ffb200;
+  // }
+  // .modelok:hover {
+  //   background: #ddeffe !important;
+  //   color: @primary-color !important;
+  //   span {
+  //     color: @primary-color !important;
+  //   }
+  // }
+  // .frontend-modal-body {
+  //   padding: 12px 16px !important;
+  // }
+  // .frontend-modal-confirm .frontend-modal-confirm-btns .frontend-btn + .frontend-btn {
+  //   margin-left: 16px !important;
+  // }
+  // .frontend-btn > .anticon + span,
+  // .frontend-btn > span + .anticon {
+  //   color: #333333;
+  // }
+  // .frontend-btn > .anticon + span,
+  // .frontend-btn > span + .anticon {
+  //   margin-left: 5px !important;
+  // }
+}
+
+// .tablescroll {
+//   ::-webkit-scrollbar:horizontal {
+//     height: 10px;
+//   }
+//   ::-webkit-scrollbar:vertical {
+//     width: 10px;
+//   }
+
+//   ::-webkit-scrollbar-thumb {
+//     background: #cccccc;
+//     transition: background 0.2s ease-in-out;
+//     &:hover {
+//       background: #a8a9a9;
+//     }
+//   }
+//   ::-webkit-scrollbar-track {
+//     padding: 2px;
+//     box-shadow: 0;
+//     border-radius: 0;
+//     background: #fafafa !important;
+//     // background: #ffffff;
+//   }
+//   ::-webkit-scrollbar-corner {
+//     background-color: #fafafa !important;
+//   }
+// }
+
+// .tablenoscroll {
+//   // 处理表格头部可以滚动
+//   // colgroup col:last-child {
+//   //   // display: none;
+//   //   width: 0px !important;
+//   // }
+//   ::-webkit-scrollbar:horizontal {
+//     height: 10px;
+//   }
+
+//   ::-webkit-scrollbar:vertical {
+//     width: 10px !important;
+//     display: none !important;
+//   }
+
+//   ::-webkit-scrollbar-thumb {
+//     // border-radius: 3px;
+//     background: #cccccc;
+//     transition: background 0.2s ease-in-out;
+//     &:hover {
+//       background: #a8a9a9;
+//     }
+//   }
+// }
+
+.frontend-spin-nested-loading,
+.frontend-spin-container {
+  height: 100%;
+}
+
+.chart_tab_style {
+  .frontend-tabs-nav {
+    .frontend-tabs-nav-list {
+      margin-left: 6px !important;
+      .frontend-tabs-tab {
+        background: transparent !important;
+        border: 0 !important;
+        margin: 10px 0 !important;
+        padding: 0 6px !important;
+        font-size: 12px !important;
+        font-family: PingFangSC, PingFangSC-Regular;
+        font-weight: 400;
+        border-right: 1px solid #f0f0f0 !important;
+        border-radius: 0 !important;
+
+        &:nth-last-child(2) {
+          border-right: 0 !important;
+        }
+      }
+      .frontend-tabs-ink-bar {
+        color: #fff !important;
+        background-color: #fff !important;
+      }
+    }
+  }
+}
+
+.frontend-tabs-tab {
+  font-size: 12px !important;
+}
+
+.menu_text {
+  font-size: 12px;
+}
+
+.frontend-form-item {
+  font-size: 12px !important;
+}
+.frontend-modal-content {
+  padding: 0px !important;
+}
+
+a,
+a:active,
+a:hover,
+a:focus {
+  color: #0563b2 !important;
+}
+
+.frontend-modal .frontend-modal-close {
+  // top: 0px;
+}
+
+.frontend-table-wrapper .frontend-table .frontend-table-header {
+  border-radius: 0px !important;
+}
+
+.frontend-tooltip-arrow::after {
+  background: #fff !important;
+  border: none !important;
+}
+.frontend-popover-inner {
+  padding: 0px !important;
+}
+table .frontend-dropdown-trigger {
+  position: relative;
+  display: flex;
+  align-items: center;
+  margin: -4px -2.5px -4px 4px !important;
+  padding: 0 4px;
+  color: #bfbfbf;
+  font-size: 12px;
+  border-radius: 2px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.frontend-table .frontend-table-placeholder td {
+  border-bottom: none !important;
+  &:hover {
+    background: #fafafa !important;
+  }
+}
+.react-resizable-handle {
+  background: none !important;
+}
+.frontend-table-thead > tr > th {
+  background: #ececec !important;
+  position: relative !important;
+  border-bottom: 1px solid #e4e4e4 !important;
+}
+
+.frontend-table-thead > tr > th {
+  color: #666;
+}
+// .react-resizable-handle {
+//   right: -1px !important;
+// }
+.frontend-table.frontend-table-bordered
+  > .frontend-table-container
+  > .frontend-table-header
+  > table
+  > thead
+  > tr
+  > th {
+  border-right: 1px solid #e4e4e4 !important;
+}
+
+.frontend-modal-footer {
+  margin-top: 7px !important;
+  padding: 10px 16px !important;
+}
+
+.SplitPane {
+  background: #fff;
+}
+
+.frontend-modal .frontend-modal-content {
+  border-radius: 0px !important;
+}
+
+.frontend-modal .frontend-modal-content .frontend-modal-close-x {
+  height: auto !important;
+  width: auto !important;
+  line-height: auto !important;
+}
+.frontend-modal-close {
+  background: none !important;
+}
+
+.frontend-tabs-nav {
+  &::before {
+    display: none !important;
+  }
+}
+.frontend-select .frontend-select-clear {
+  margin-top: -6px !important;
+}
+
+.frontend-modal-confirm-title {
+  font-size: 13px !important;
+}
+.frontend-modal-confirm-content {
+  margin-inline-start: 0px !important;
+  max-width: calc(100%) !important;
+  font-size: 13px !important;
+}
+
+.frontend-modal-confirm {
+  .frontend-modal-footer {
+    display: none !important;
+  }
+}
+
+.frontend-modal-header {
+  margin-bottom: 0px !important;
+}
+
+.frontend-modal-body {
+  padding: 24px 24px 1px;
+}
+
+.frontend-input-number {
+  border-radius: 0px !important;
+}
+
+.approveTable {
+  .frontend-table-wrapper
+    .frontend-table:not(.frontend-table-bordered)
+    .frontend-table-tbody
+    > tr.frontend-table-row.frontend-table-row-selected
+    > td:first-child,
+  .frontend-table-cell-row-hover:first-child,
+  .frontend-table-wrapper
+    .frontend-table:not(.frontend-table-bordered)
+    .frontend-table-tbody
+    > tr.frontend-table-row.frontend-table-row-selected
+    > td:last-child {
+    border-start-start-radius: 0px !important;
+    border-end-start-radius: 0px !important;
+    border-start-end-radius: 0px !important;
+    border-end-end-radius: 0px !important;
+  }
+  .frontend-table-tbody > tr:not(.frontend-table-measure-row) > td {
+    padding: 0px 5px !important;
+  }
+  .frontend-table-header tr th {
+    // height: 24px !important;
+    padding: 3px !important;
+  }
+  .frontend-table-header tr td {
+    // height: 24px !important;
+  }
+  .frontend-table-cell-row-hover {
+    // background: transparent !important;
+  }
+  table .frontend-table-tbody > tr.frontend-table-row-selected > td {
+    background: #ffffff;
+    // border-bottom: none !important;
+    // border-color: #ffffff;
+  }
+}
+
+.frontend-table-tbody > tr.frontend-table-row-selected > td {
+  // border-bottom: 1px solid transparent;
+}
+
+.frontend-table {
+}
+
+.frontend-modal-confirm-btns button {
+  box-shadow: none !important;
+}
+
+.frontend-popover-inner {
+  padding: 12px !important;
+}
+
+.frontend-modal-confirm-body .anticon {
+  margin-bottom: 0px !important;
+}
+
+.noMargin {
+  margin-bottom: 0px !important;
+  .frontend-form-item {
+    margin-bottom: 0px !important;
+  }
+  .frontend-select-selection-overflow {
+    max-height: 32px !important;
+  }
+}
+
+.spaceGap12 {
+  gap: 0px !important;
+  .frontend-radio-wrapper {
+    height: 32px;
+    line-height: 32px;
+  }
+}
+
+.frontend-select-multiple .frontend-select-selection-item {
+  border: none;
+  color: #0563b2;
+  border-radius: 0px;
+  background: #ddeffe !important;
+}
+
+.frontend-tabs-top:not(.frontend-tabs-card) .frontend-tabs-nav-more {
+  margin-left: 0px !important;
+}
+.frontend-tabs-top:not(.frontend-tabs-card)
+  .frontend-tabs-nav-wrap
+  .frontend-tabs-tab {
+  margin-right: 16px !important;
+  margin-right: 16px !important;
+}
+
+.frontend-tabs-top:not(.frontend-tabs-card)
+  .frontend-tabs-nav-wrap
+  .frontend-tabs-tab:not(:nth-child(1)) {
+  margin-left: 14px !important;
+}
+.frontend-checkbox .frontend-checkbox-inner {
+  border-radius: 0px !important;
+}
+
+// .frontend-tabs-nav .frontend-tabs-nav-more {
+//   padding: 0 !important;
+//   margin: 9px 4px 9px 4px !important;
+// }
+
+.hoverBg:hover {
+  background: #0563b2 !important;
+}
+
+.hoverBg {
+  background: rgba(5, 99, 178, 0.6) !important;
+}
+
+.frontend-spin-nested-loading > div > .frontend-spin {
+  max-height: 100% !important;
+}
+.frontend-spin {
+  color: #0563b2 !important;
+}
+
+#imagecontainer {
+  .frontend-image {
+    display: none !important;
+  }
+  .frontend-image-preview-mask,
+  .frontend-image-preview-mask,
+  .frontend-image-preview-wrap {
+    background: none !important;
+    z-index: 9;
+    position: absolute !important;
+    // left: 48px !important;
+    // margin: 64px 0px 0px 0px !important;
+  }
+  .frontend-image-preview-operations {
+    display: none !important;
+  }
+}
+
+.page-2D-select .frontend-select-selection-item {
+  padding: 0px !important;
+}
+.page-2D-select .frontend-select-item-option {
+  padding: 0px !important;
+}
+
+// 修改表单行高
+// .frontend-select-selector {
+//   height: 30px !important;
+//   min-height: 30px !important;
+//   line-height: 30px !important;
+// }
+
+// .frontend-select-selector{
+//   height: 30px;
+// }
+
+// 修改树形选择圆角为直角
+.frontend-select-tree-node-content-wrapper,
+.frontend-select-item {
+  border-radius: 0px !important;
+}
+
+.ahooks-page-fullscreen {
+  background: #fff;
+}
+
+.gantt_tooltip {
+  z-index: 1000 !important;
+}
+
+.frontend-image-placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.icon-hover:hover {
+  color: "#0563B2" !important;
+}
+
+.frontend-table-cell .anticon.expand {
+  display: inline-block !important;
+}
+
+.pirmary_btn.frontend-btn {
+  background: #e8effe;
+  color: #195ef8;
+  font-size: 14px;
+  border: none;
+  &:hover,
+  &:focus {
+    border: none;
+    background: #195ef8;
+    color: #fff;
+  }
+}
+
+.shareModal {
+  .ant-modal-header {
+    display: none;
+  }
+  .ant-modal-close-icon {
+    display: none;
+  }
+  .frontend-modal-title {
+    display: none;
+  }
+  .frontend-modal-close {
+    display: none;
+  }
+}
+
+.global-attr-title {
+  .frontend-form-item-row {
+    > div.frontend-form-item-label {
+      width: 100% !important;
+      height: 32px;
+      background-color: #f0f0f0;
+      text-align: left;
+      padding: 0 16px !important;
+      > label {
+        color: #000 !important;
+        font-size: 13px;
+      }
+      & + * {
+        visibility: hidden;
+        user-select: none;
+      }
+    }
+  }
+}