| | |
| | | .card-row-box { |
| | | min-height: 50px; |
| | | padding: 0px 10px; |
| | | margin-bottom: 15px; |
| | | |
| | | .chart-card-box { |
| | | padding: 0 10px; |
| | | .anticon { |
| | | margin-right: 0px; |
| | | } |
| | | .mk-btn-wrap { |
| | | display: inline-block; |
| | | .action-cell { |
| | | border: 0; |
| | | background: transparent !important; |
| | | } |
| | | > .chart-card-box { |
| | | margin-bottom: 20px; |
| | | } |
| | | |
| | | .chart-card-box:not(.ant-col) { |
| | | display: inline-block; |
| | | margin-bottom: 20px; |
| | | } |
| | | |
| | | >.ant-tabs { |
| | | .ant-tabs-bar { |
| | | border: 0; |
| | | margin: 0; |
| | | .ant-tabs-nav-scroll { |
| | | .ant-tabs-tab { |
| | | margin: 0; |
| | | padding: 12px 5px; |
| | | cursor: default; |
| | | |
| | | .chart-card-box:not(.ant-col) { |
| | | margin-bottom: 0px; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .ant-empty { |
| | | .ant-empty-image { |
| | | height: 60px; |
| | | } |
| | | } |
| | | |
| | | .loading-mask { |
| | | position: absolute; |
| | | left: 20px; |
| | | top: 0; |
| | | right: 20px; |
| | | bottom: 0; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | text-align: justify; |
| | | z-index: 1; |
| | | |
| | | .ant-spin-blur { |
| | | position: absolute; |
| | | width: 100%; |
| | | height: 100%; |
| | | opacity: 0.5; |
| | | background: #ffffff; |
| | | } |
| | | } |
| | | |
| | | .ant-card.chart-card { |
| | | transition: all 0.3s; |
| | | |
| | | .ant-card-head { |
| | | min-height: 40px; |
| | | line-height: 2; |
| | | .ant-card-head-title { |
| | | font-weight: 500; |
| | | } |
| | | .ant-card-extra { |
| | | color: #1890ff; |
| | | .action-cell { |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | } |
| | | .ant-card-actions { |
| | | height: 48px; |
| | | } |
| | | } |
| | | |
| | | .ant-card.chart-card:not(.ant-card-bordered) { |
| | | .ant-card-head { |
| | | border-bottom: 0; |
| | | } |
| | | .ant-card-actions { |
| | | border-top: 0; |
| | | } |
| | | } |
| | | |
| | | .ant-card.chart-card.chart-card-selected { |
| | | border: 1px solid #1890ff; |
| | | box-shadow: 0px 0px 8px #c4ebfd; |
| | | } |
| | | |
| | | .ant-card.chart-card .ant-card-body { |
| | | padding: 0px; |
| | | zoom: 1; |
| | | |
| | | .ant-card-meta.switch { |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .ant-card-meta { |
| | | margin: 0px; |
| | | padding: 20px; |
| | | position: relative; |
| | | white-space: normal; |
| | | |
| | | .ant-card-meta-avatar { |
| | | padding-top: 0px; |
| | | padding-left: 0px; |
| | | } |
| | | |
| | | .ant-avatar-image { |
| | | box-sizing: border-box; |
| | | margin: 0; |
| | | padding: 0; |
| | | font-variant: tabular-nums; |
| | | line-height: 1.5; |
| | | list-style: none; |
| | | font-feature-settings: 'tnum'; |
| | | position: relative; |
| | | display: inline-block; |
| | | overflow: hidden; |
| | | color: #fff; |
| | | white-space: nowrap; |
| | | text-align: center; |
| | | vertical-align: middle; |
| | | border-radius: 50%; |
| | | |
| | | img { |
| | | width: 100%; |
| | | } |
| | | .font { |
| | | background: transparent; |
| | | } |
| | | } |
| | | .ant-card-meta-title { |
| | | font-size: 14px; |
| | | } |
| | | .ant-card-meta-detail > div { |
| | | height: 23px; |
| | | vertical-align: top; |
| | | } |
| | | .ant-card-meta-detail > div:not(:last-child) { |
| | | margin-bottom: 2px; |
| | | } |
| | | .helf { |
| | | display: inline-block; |
| | | width: 50%; |
| | | } |
| | | .third { |
| | | display: inline-block; |
| | | width: 33.3%; |
| | | } |
| | | .align-center { |
| | | text-align: center; |
| | | } |
| | | .align-right { |
| | | text-align: right; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .chart-title { |
| | | margin-bottom: 10px; |
| | | margin-left: 0px; |
| | | margin-right: 0px; |
| | | } |
| | | |
| | | .ant-card.chart-card { |
| | | .ant-card-actions { |
| | | li { |
| | | color: rgba(0, 0, 0, 0.45); |
| | | span { |
| | | overflow: hidden; |
| | | word-break: break-word; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | | } |
| | | .anticon { |
| | | width: unset; |
| | | margin-right: 3px; |
| | | color: rgba(0, 0, 0, 0.45); |
| | | } |
| | | } |
| | | li:hover { |
| | | color: #1890ff; |
| | | .anticon { |
| | | color: #1890ff; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .ant-card.chart-card.background { |
| | | .ant-card-meta-title { |
| | | color: unset; |
| | | } |
| | | .ant-card-meta-description { |
| | | color: unset; |
| | | } |
| | | .ant-card-head { |
| | | color: unset; |
| | | .ant-card-head-title { |
| | | color: unset; |
| | | } |
| | | } |
| | | .ant-card-actions { |
| | | background: transparent; |
| | | li { |
| | | white-space: nowrap; |
| | | color: unset; |
| | | .anticon { |
| | | color: unset; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .clear { |
| | | clear: both; |
| | | .action-cell[ant-click-animating-without-extra-node="true"]::after { |
| | | display: none!important; |
| | | } |
| | | } |