| | |
| | | .menu-shell-inner { |
| | | min-height: calc(100vh - 150px); |
| | | margin: -8px; |
| | | |
| | | >.ant-col { |
| | | padding: 8px; |
| | | } |
| | | |
| | | .mk-component-card { |
| | | position: relative; |
| | | .remove-component { |
| | | position: absolute; |
| | | right: 2px; |
| | | top: 50%; |
| | | background: #ff4d4f; |
| | | right: 40px; |
| | | top: -13px; |
| | | color: #ff4d4f; |
| | | border-radius: 2px; |
| | | padding: 4px; |
| | | color: #ffffff; |
| | | padding: 5px; |
| | | cursor: pointer; |
| | | display: none; |
| | | opacity: 0; |
| | | } |
| | | } |
| | | .mk-component-card:hover { |
| | | .remove-component { |
| | | display: inline-block; |
| | | opacity: 1; |
| | | } |
| | | .model-datasource > .anticon-setting { |
| | | opacity: 1; |
| | | } |
| | | } |
| | | >.ant-empty { |
| | | padding-top: 150px; |
| | | } |
| | | |
| | | .model-datasource > .anticon-setting { |
| | | font-size: 16px; |
| | | padding: 5px; |
| | | position: absolute; |
| | | right: 0px; |
| | | top: -19px; |
| | | opacity: 0; |
| | | } |
| | | } |