@root-entry-name: 'default'; @import '~antd/es/style/themes/index.less'; @ec-configuration-view-prefix-cls: ~'@{ant-prefix}-ec-configuration-view'; .@{ec-configuration-view-prefix-cls} { width: 100%; height: 100%; &-baseModal { color: white; .switchControlContent { display: flex; align-items: center; .anticon.anticon-exclamation-circle { margin-top: 2px; margin-right: 10px; color: #fd5e72; font-size: 18px; } } .moreControlContent { display: flex; flex-direction: column; .moreControlList { display: flex; align-items: center; margin-bottom: 20px; span { margin-right: 30px; white-space: nowrap; } div { padding: 2px 10px; border: 1px solid #6d7da2; border-radius: 6px; } } .moreControlList:last-of-type { margin-bottom: 0; } } .adjustControlContent { display: flex; align-items: center; .label { margin-right: 30px; white-space: nowrap; } .@{ant-prefix}-input-affix-wrapper { background: #1c202c; border: none; } .@{ant-prefix}-input-affix-wrapper:focus, .@{ant-prefix}-input-affix-wrapper-focused { box-shadow: none; } .@{ant-prefix}-input:focus { border: none; box-shadow: none; } .@{ant-prefix}-input, .@{ant-prefix}-btn { color: white; background: #1c202c; border: none; } .@{ant-prefix}-input-group-addon { background: #1c202c; border: none; } .@{ant-prefix}-input-suffix { color: #646977; } } .adjustControlGroup { display: flex; padding-left: 0 5px; .@{ant-prefix}-btn { background: transparent; } button { display: flex; align-items: center; margin-left: 10px; background-color: ab; span { padding: 5px; font-size: 14px; border: 2px solid #1c202c; border-radius: 5px; } } } .authorizeControlContent { display: flex; flex-direction: column; .authorizeControlItem { display: flex; align-items: center; margin-bottom: 20px; .@{ant-prefix}-col.@{ant-prefix}-form-item-label { margin-right: 10px; label { color: white; } } .@{ant-prefix}-form-item-control-input-content { display: flex; align-items: center; } .@{ant-prefix}-input-affix-wrapper { background: #1c202c; border: none; } .@{ant-prefix}-input-affix-wrapper:focus, .@{ant-prefix}-input-affix-wrapper-focused { box-shadow: none; } .@{ant-prefix}-input:focus { border: none; box-shadow: none; } .@{ant-prefix}-input, .@{ant-prefix}-btn { color: white; background: #1c202c; border: none; } .@{ant-prefix}-input-group-addon { background: #1c202c; border: none; } @{ant-prefix}-input-suffix { color: #646977; } &:last-of-type { margin-bottom: 0; } } } .@{ant-prefix}-modal-content { color: white; background: #282d3b; border: 1px solid #31374a; .@{ant-prefix}-modal-close { color: white; } .@{ant-prefix}-modal-close-x { line-height: 42px; } .@{ant-prefix}-modal-header { padding-right: 56px; background: none; border-color: #1c202c; .@{ant-prefix}-modal-title { color: white; } } .@{ant-prefix}-modal-footer { background: none; border-color: #1c202c; .@{ant-prefix}-btn:first-of-type { color: white; background-color: #838a9d; border: none; &:hover { background-color: #9ba3b6; } } } } } &-historyInfoModal { .@{ant-prefix}-modal-body { height: 680px; } } &-jumpModal { display: flex; align-items: center; justify-content: center; color: white; .@{ant-prefix}-modal { padding-bottom: 0; } .@{ant-prefix}-modal, .@{ant-prefix}-modal-content { background: #282d3b; } .@{ant-prefix}-modal-content { height: 100%; } .@{ant-prefix}-modal-header { background: #282d3b; } .@{ant-prefix}-modal-title, .@{ant-prefix}-modal-close-x { color: white; } .@{ant-prefix}-modal-body { height: calc(100% - 55px); } } .configurationView { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; canvas { border: 0; outline: none; } } }