| | |
|---|
| | | .mk-base-design-wrap { |
|---|
| | | .loading-view { |
|---|
| | | position: absolute; |
|---|
| | | left: calc(50vw - 22px); |
|---|
| | | top: calc(30vh + 48px); |
|---|
| | | body { |
|---|
| | | 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; |
|---|
| | | .mk-hidden { |
|---|
| | | text-decoration: line-through!important; |
|---|
| | | span { |
|---|
| | | text-decoration: line-through!important; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .eye-open { |
|---|
| | | .component-name { |
|---|
| | | display: block; |
|---|
| | | } |
|---|
| | | .anticon-tool { |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | >.menu-body { |
|---|
| | | width: 100vw; |
|---|
| | | height: 100vh; |
|---|
| | | overflow-x: hidden; |
|---|
| | | position: relative; |
|---|
| | | background: #ffffff; |
|---|
| | | padding: 50px 0px 0px 0px; |
|---|
| | | |
|---|
| | | .menu-setting { |
|---|
| | | position: fixed; |
|---|
| | | left: 0; |
|---|
| | | top: 48px; |
|---|
| | | z-index: 10; |
|---|
| | | height: calc(100vh - 48px); |
|---|
| | | width: 280px; |
|---|
| | | background: #ffffff; |
|---|
| | | box-shadow: 0px 2px 5px #bcbcbc; |
|---|
| | | transition: left 0.3s; |
|---|
| | | |
|---|
| | | .draw { |
|---|
| | | position: absolute; |
|---|
| | | z-index: 11; |
|---|
| | | background: #ffffff; |
|---|
| | | right: -20px; |
|---|
| | | top: 0px; |
|---|
| | | box-shadow: 0 0 1px #959595; |
|---|
| | | border-radius: 0 2px 2px 0px; |
|---|
| | | |
|---|
| | | .anticon { |
|---|
| | | padding: 12px 3px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | > .ant-collapse { |
|---|
| | | height: 100%; |
|---|
| | | overflow-y: auto; |
|---|
| | | overflow-x: hidden; |
|---|
| | | background-color: #ffffff; |
|---|
| | | border-radius: 0px; |
|---|
| | | padding-bottom: 30px; |
|---|
| | | .ant-collapse-item.ant-collapse-item-active { |
|---|
| | | border-bottom: 1px solid #d9d9d9; |
|---|
| | | } |
|---|
| | | .ant-collapse-header { |
|---|
| | | padding: 11px 16px 10px 40px; |
|---|
| | | border-bottom: 1px solid #d9d9d9; |
|---|
| | | background: #1890ff; |
|---|
| | | color: #ffffff; |
|---|
| | | } |
|---|
| | | .ant-collapse-content-box { |
|---|
| | | padding: 10px; |
|---|
| | | .ant-form-item { |
|---|
| | | margin-bottom: 10px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | >.ant-tabs { |
|---|
| | | >.ant-tabs-bar { |
|---|
| | | border-bottom: 1px solid #181F29; |
|---|
| | | margin-bottom: 0px; |
|---|
| | | min-height: 48px; |
|---|
| | | .ant-tabs-tab { |
|---|
| | | padding: 14px 16px; |
|---|
| | | color: rgba(255, 255, 255, 0.85); |
|---|
| | | } |
|---|
| | | .ant-tabs-tab-active.ant-tabs-tab { |
|---|
| | | color: #1890ff; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .menu-setting >.ant-collapse::-webkit-scrollbar { |
|---|
| | | width: 4px; |
|---|
| | | } |
|---|
| | | .menu-setting >.ant-collapse::-webkit-scrollbar-thumb { |
|---|
| | | border-radius: 5px; |
|---|
| | | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08); |
|---|
| | | background: rgba(0, 0, 0, 0.08); |
|---|
| | | } |
|---|
| | | .menu-setting >.ant-collapse::-webkit-scrollbar-track { |
|---|
| | | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); |
|---|
| | | border-radius: 3px; |
|---|
| | | border: 1px solid rgba(0, 0, 0, 0.07); |
|---|
| | | background: rgba(0, 0, 0, 0); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .menu-setting.hidden { |
|---|
| | | left: -280px; |
|---|
| | | } |
|---|
| | | .menu-setting.hidden + .menu-view { |
|---|
| | | width: 100vw; |
|---|
| | | margin-left: 0px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .menu-view { |
|---|
| | | position: relative; |
|---|
| | | width: calc(100vw - 280px); |
|---|
| | | margin-left: 280px; |
|---|
| | | height: calc(100vh - 50px); |
|---|
| | | overflow-y: auto; |
|---|
| | | transition: all 0.3s; |
|---|
| | | |
|---|
| | | > .ant-card { |
|---|
| | | >.ant-card-head { |
|---|
| | | margin-bottom: 0px; |
|---|
| | | position: relative; |
|---|
| | | .ant-card-head-title { |
|---|
| | | color: #1890ff; |
|---|
| | | padding: 5px 0; |
|---|
| | | } |
|---|
| | | .ant-card-extra { |
|---|
| | | padding: 5px 0; |
|---|
| | | button { |
|---|
| | | margin-left: 15px; |
|---|
| | | } |
|---|
| | | >div >div >button, .style-control-button { |
|---|
| | | padding: 0px 7px; |
|---|
| | | } |
|---|
| | | .ant-switch.big { |
|---|
| | | min-width: 60px; |
|---|
| | | height: 28px; |
|---|
| | | line-height: 28px; |
|---|
| | | margin-top: -2px; |
|---|
| | | .ant-switch-inner { |
|---|
| | | font-size: 14px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .ant-switch.big:after { |
|---|
| | | width: 24px; |
|---|
| | | height: 24px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | >.ant-card-body { |
|---|
| | | padding: 0px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .menu-view.saving { |
|---|
| | | .anticon-tool { |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .menu-view::-webkit-scrollbar { |
|---|
| | | width: 7px; |
|---|
| | | } |
|---|
| | | .menu-view::-webkit-scrollbar-thumb { |
|---|
| | | border-radius: 5px; |
|---|
| | | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08); |
|---|
| | | background: rgba(0, 0, 0, 0.08); |
|---|
| | | } |
|---|
| | | .menu-view::-webkit-scrollbar-track { |
|---|
| | | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); |
|---|
| | | border-radius: 3px; |
|---|
| | | border: 1px solid rgba(0, 0, 0, 0.07); |
|---|
| | | background: rgba(0, 0, 0, 0); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
