| | |
| | | width: 300px; |
| | | background: #ffffff; |
| | | box-shadow: 0px 2px 5px #bcbcbc; |
| | | overflow-y: auto; |
| | | overflow-x: hidden; |
| | | |
| | | > .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; |
| | | } |
| | |
| | | } |
| | | } |
| | | } |
| | | .menu-setting::-webkit-scrollbar { |
| | | .menu-setting >.ant-collapse::-webkit-scrollbar { |
| | | width: 4px; |
| | | } |
| | | .menu-setting::-webkit-scrollbar-thumb { |
| | | .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::-webkit-scrollbar-track { |
| | | .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); |
| | |
| | | height: calc(100vh - 50px); |
| | | overflow-y: auto; |
| | | |
| | | > .ant-card { |
| | | >.ant-card-head { |
| | | margin-bottom: 0px; |
| | | position: sticky; |
| | | top: 0px; |
| | | z-index: 10; |
| | | background: #ffffff; |
| | | .ant-card-head-title { |
| | | color: #1890ff; |
| | | padding: 5px 0; |
| | | } |
| | | .ant-card-extra { |
| | | padding: 5px 0; |
| | | button { |
| | | margin-left: 20px; |
| | | } |
| | | .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; |
| | | } |
| | | } |
| | | .mk-opeartion-list { |
| | | position: sticky; |
| | | top: 0px; |
| | | left: 0px; |
| | | right: 0px; |
| | | text-align: right; |
| | | padding: 5px 10px 8px; |
| | | background: #ffffff; |
| | | border-bottom: 1px solid #e8e8e8; |
| | | height: 45px; |
| | | z-index: 10; |
| | | |
| | | .btn-name { |
| | | float: left; |
| | | color: #1890ff; |
| | | padding: 5px 0; |
| | | font-size: 16px; |
| | | } |
| | | >.ant-card-body { |
| | | padding: 0px; |
| | | button { |
| | | margin-left: 15px; |
| | | } |
| | | button:not(.ant-switch):not(:last-child):not(:nth-last-child(2)) { |
| | | padding: 0px 10px; |
| | | } |
| | | .ant-switch.big { |
| | | transform: scale(1.15); |
| | | top: -2px; |
| | | } |
| | | } |
| | | } |