@root-entry-name: 'default'; @import '~antd/es/style/themes/index.less'; @ec-configuration-view-prefix-cls: ~'@{ant-prefix}-ec-configuration-view'; @ec-configuration-view-modal: ~'@{ant-prefix}-ec-configuration-view-historyInfoModal'; .@{ec-configuration-view-prefix-cls} { position: relative; width: 100%; height: 100%; &-baseModal { color: white; .controlModalFooter { display: flex; align-items: center; justify-content: space-between; .controlModallLog { justify-content: flex-start; width: auto; } .controlModalOperate { display: flex; align-items: center; } } .switchControlContent { display: flex; align-items: center; .anticon.anticon-exclamation-circle { margin-top: 2px; margin-right: 10px; color: #fd5e72; font-size: 18px; } } .moreControlContent { display: flex; align-items: center; justify-content: center; .moreControlContainer { width: max-content; display: flex; flex-direction: column; } .moreControlList { display: flex; align-items: center; margin-bottom: 20px; span { margin-right: 30px; white-space: nowrap; } div { padding: 1px 10px; border: 1px solid #6d7da2; border-radius: 6px; } } .moreControlList:last-of-type { margin-bottom: 0; } } .controlModallLog { display: flex; width: 100%; color: rgb(148, 155, 176); align-items: center; justify-content: center; opacity: 0.8; cursor: pointer; &:hover { opacity: 1; } img { margin-right: 5px; } } .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; width: 100%; .authorizeControlItem { display: flex; align-items: center; margin-bottom: 20px; .hidePassWord { input { text-security: disc; -webkit-text-security: disc; -moz-text-security: disc; } } .viewPassWord { color: #ffffff; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .@{ant-prefix}-row { width: 100%; } .@{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}-input-password-icon.anticon { color: #ffffff; } } .@{ant-prefix}-input:-webkit-autofill { background-color: transparent !important; background-image: none !important; box-shadow: none !important; transition: background-color 50000s ease-in-out 0s !important; -webkit-text-fill-color: white !important; } } .@{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: 650px; >div { padding: 0; } } } &-jumpModal { display: flex; align-items: center; justify-content: center; color: white; .@{ant-prefix}-modal:not(.@{ec-configuration-view-modal} .@{ant-prefix}-modal) { padding-bottom: 0; } .@{ant-prefix}-modal:not(.@{ec-configuration-view-modal} .@{ant-prefix}-modal), .@{ant-prefix}-modal-content:not(.@{ec-configuration-view-modal} .@{ant-prefix}-modal-content) { max-width: 100%; background: #282d3b; } .@{ant-prefix}-modal-content:not(.@{ec-configuration-view-modal} .@{ant-prefix}-modal-content) { height: 100%; } .@{ant-prefix}-modal-header:not(.@{ec-configuration-view-modal} .@{ant-prefix}-modal-header) { background: #282d3b; border-color: #1c202c; } .@{ant-prefix}-modal-title:not(.@{ec-configuration-view-modal} .@{ant-prefix}-modal-title), .@{ant-prefix}-modal-close-x:not(.@{ec-configuration-view-modal} .@{ant-prefix}-modal-close-x) { color: white; } .@{ant-prefix}-modal-body:not(.@{ec-configuration-view-modal} .@{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; } } .configurationLoad { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; z-index: 10; } .controlNotLog { display: flex; align-items: center; justify-content: center; } }