| | |
| | | .menu-shell-inner { |
| | | min-height: calc(100vh - 150px); |
| | | padding: 16px; |
| | | width: 100%; |
| | | min-height: calc(100vh - 100px); |
| | | width: auto!important; |
| | | overflow-x: hidden; |
| | | background-size: 100%; |
| | | |
| | | >.ant-row { |
| | | margin-left: -4px; |
| | | margin-right: -4px; |
| | | margin-top: -4px; |
| | | >.ant-col { |
| | | padding: 8px; |
| | | } |
| | | > .mk-component-card:hover { |
| | | > .remove-component { |
| | | opacity: 1; |
| | | } |
| | | > div { |
| | | > .model-datasource > .anticon-setting, > .model-menu-tabs-setting > .anticon-setting { |
| | | opacity: 1; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .anticon { |
| | | cursor: unset; |
| | | } |
| | | |
| | | .mk-component-card { |
| | | position: relative; |
| | | .remove-component { |
| | | position: absolute; |
| | | right: 42px; |
| | | top: -16px; |
| | | color: #ff4d4f; |
| | | border-radius: 2px; |
| | | font-size: 16px; |
| | | padding: 5px; |
| | | cursor: pointer; |
| | | opacity: 0; |
| | | transition: opacity 0.2s; |
| | | } |
| | | } |
| | | |
| | | >.ant-empty { |
| | | padding-top: 150px; |
| | | } |
| | | |
| | | .model-datasource > .anticon-setting, .model-menu-tabs-setting > .anticon-setting { |
| | | font-size: 16px; |
| | | padding: 5px; |
| | | position: absolute; |
| | | right: 0px; |
| | | top: -30px; |
| | | opacity: 0; |
| | | cursor: pointer; |
| | | transition: opacity 0.2s; |
| | | .anticon-tool { |
| | | color: rgba(0, 0, 0, 0.55); |
| | | } |
| | | .anticon-tool:hover { |
| | | color: #1890ff; |
| | | } |
| | | } |