| | |
| | | z-index: 10; |
| | | transition: left 0.3s; |
| | | |
| | | .draw { |
| | | position: absolute; |
| | | z-index: 1; |
| | | background: #ffffff; |
| | | right: -20px; |
| | | top: 0px; |
| | | box-shadow: 0 0 1px #959595; |
| | | border-radius: 0 2px 2px 0px; |
| | | |
| | | i { |
| | | padding: 12px 3px; |
| | | } |
| | | } |
| | | |
| | | .pc-setting-tools { |
| | | height: calc(100vh - 48px); |
| | | width: 300px; |
| | |
| | | background: rgba(0, 0, 0, 0); |
| | | } |
| | | } |
| | | .menu-setting.hidden { |
| | | left: -300px; |
| | | } |
| | | .mob-shell { |
| | | // width: 376px; |
| | | // height: 680px; |
| | | margin: 0 auto; |
| | | background: #000000; |
| | | background-size: 100% 100%; |
| | |
| | | background: #ffffff; |
| | | z-index: 10; |
| | | transition: right 0.3s; |
| | | |
| | | .draw { |
| | | position: absolute; |
| | | z-index: 1; |
| | | background: #ffffff; |
| | | left: -21px; |
| | | top: 0px; |
| | | box-shadow: 0 0 1px #959595; |
| | | border-radius: 0 2px 2px 0px; |
| | | |
| | | i { |
| | | padding: 12px 3px; |
| | | } |
| | | } |
| | | |
| | | div:not(.draw), button:not(.ant-switch) { |
| | | display: block!important; |
| | |
| | | height: 22px; |
| | | } |
| | | } |
| | | .menu-control.hidden { |
| | | right: -130px; |
| | | } |
| | | |
| | | .menu-body { |
| | | width: 100vw; |