| | |
| | | overflow-x: hidden; |
| | | overflow-y: hidden; |
| | | } |
| | | .mk-source-wrap { |
| | | .ant-radio-button-wrapper:last-child { |
| | | display: none; |
| | | } |
| | | .ant-radio-button-wrapper:not(:first-child) { |
| | | border-radius: 0 4px 4px 0; |
| | | } |
| | | } |
| | | .pc-table-view { |
| | | background: #000; |
| | | min-height: 100vh; |
| | |
| | | display: none; |
| | | } |
| | | } |
| | | .component-name { |
| | | position: absolute; |
| | | z-index: 9; |
| | | display: none; |
| | | left: 0; |
| | | right: 0; |
| | | top: 0; |
| | | bottom: 0; |
| | | background: rgba(255, 255, 255, 0.9); |
| | | border: 1px solid #1890ff; |
| | | .center { |
| | | position: absolute; |
| | | font-size: 16px; |
| | | left: 50%; |
| | | top: 50%; |
| | | color: #1890ff; |
| | | transform: translate(-50%, -50%); |
| | | max-width: 70%; |
| | | .title { |
| | | text-align: center; |
| | | } |
| | | } |
| | | .error { |
| | | text-align: center; |
| | | color: red; |
| | | display: block; |
| | | } |
| | | .waring { |
| | | color: orange; |
| | | } |
| | | } |
| | | >.menu-body { |
| | | width: 100vw; |
| | | height: 100vh; |
| | |
| | | top: 48px; |
| | | z-index: 10; |
| | | height: calc(100vh - 48px); |
| | | width: 300px; |
| | | width: 280px; |
| | | background: #ffffff; |
| | | box-shadow: 0px 2px 5px #bcbcbc; |
| | | transition: left 0.3s; |
| | |
| | | color: #ffffff; |
| | | } |
| | | .ant-collapse-content-box { |
| | | padding: 10px; |
| | | .ant-form-item { |
| | | margin-bottom: 10px; |
| | | } |
| | | .model-table-tablemanage-view { |
| | | >.ant-list { |
| | | margin-top: 20px; |
| | | .ant-list-item { |
| | | display: -webkit-box; |
| | | padding-right: 20px; |
| | | position: relative; |
| | | padding-left: 5px; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | -webkit-line-clamp: 2; |
| | | -webkit-box-orient: vertical; |
| | | min-height: 55px; |
| | | width: 100%; |
| | | .anticon { |
| | | position: absolute; |
| | | top: 0px; |
| | | right: 0px; |
| | | padding: 3px 3px 10px 10px; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | } |
| | | >.tables { |
| | | width: 66.66666667%!important; |
| | | } |
| | | >.ant-form-item-label { |
| | | width: 33.33333333%; |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | .menu-setting.hidden { |
| | | left: -300px; |
| | | left: -280px; |
| | | } |
| | | .menu-setting.hidden + .menu-view { |
| | | width: 100vw; |
| | |
| | | |
| | | .menu-view { |
| | | position: relative; |
| | | width: calc(100vw - 300px); |
| | | margin-left: 300px; |
| | | width: calc(100vw - 280px); |
| | | margin-left: 280px; |
| | | height: calc(100vh - 50px); |
| | | overflow-y: auto; |
| | | transition: all 0.3s; |
| | |
| | | .ant-card-extra { |
| | | padding: 5px 0; |
| | | button { |
| | | margin-left: 10px; |
| | | margin-left: 15px; |
| | | } |
| | | >div >div >button, .style-control-button { |
| | | padding: 0px 7px; |