@import '~antd/es/style/variable.less'; html, body, #root { height: 100%; overflow: hidden; } .colorWeak { filter: invert(80%); } .ant-layout { min-height: 100vh; } .ant-pro-core-field-dropdown-overlay { margin: -12px -16px; } .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; &-thead>tr, &-tbody>tr { >th, >td { white-space: pre; >span { 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 { color: @primary-color !important; } } .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; } .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; max-width: 230px; //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 { >td:first-child { 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; >span:first-child { flex: 1; >span:first-child { display: none !important; } >.ant-spin-nested-loading { 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; } } //editor fixed .bf-link-editor .buttons { box-sizing: content-box !important; } .bf-container { display: flex !important; flex-direction: column !important; .bf-content { flex: 1 !important; } } .container, .diycard { width: 100%; height: 100%; } .ant-pro-table { width: 100%; } .ant-drawer-wrapper-body { .diycard { height: unset; } } .runtime-keep-alive-layout { >div { height: 100% !important; } } .page-title { margin-bottom: 0; font-weight: 700; } .page-title::before { position: relative; top: 2px; left: 2px; width: 4px; margin-right: 10px; color: #1890ff; background-color: #1890ff; content: '|'; } .fault-detail { display: flex; flex-direction: row; padding: 16px; border-left: 2px dashed #ccc; } .fault-index { display: block; flex-shrink: 0; width: 30px; height: 30px; margin-right: 16px; padding: 2px; font-weight: 500; text-align: center; background-color: white; 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; >div { height: 100%; min-height: calc(100vh - 96px); } .ant-drawer-content { height: 100% !important; } } // 横向滚动条 .scrollHoriz { >div { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; >div { flex-shrink: 0 !important; } } } .runtime-keep-alive-layout { .ant-layout-sider-children { padding-right: 16px; padding-left: 16px; } } .ant-layout { aside { z-index: 9999; } } .runtime-keep-alive-layout { aside { z-index: 998; } } #pushSettingBtn { position: relative; top: -162px; left: 74px; color: #1890ff; } .ant-popover-buttons { display: flex; align-items: center; justify-content: space-between; } .ant-input-number { width: 100%; } .ant-form-item-label { pointer-events: none; } .container___gD5n4 { z-index: 9999 !important; } .runtime-keep-alive-layout aside { z-index: 1; } .ant-pro-layout-container>main { >div:first-child>div ul { z-index: 1001 !important; } }