- .control-menu-item{display:flex;align-items:center;margin:5px 10px;padding:8px 10px;border-radius:6px;transition:all .3s;cursor:pointer}.control-menu-item:hover{background-color:#f3f4f6}.control-menu-item>.icons{padding:4px;border-radius:6px;display:block;font-size:17px}@media (max-width: 480px){.control-menu-item>.icons{font-size:20px}}.control-menu-item>.names{margin-left:3px;font-size:12px}.closeController{position:absolute;width:100%;bottom:30px;display:flex;align-items:center}.closeController>svg{margin-left:20px;width:25px;height:25px;cursor:pointer}.selectControl{background-color:#ebf3fd!important;color:#0095ff!important}.controller{z-index:201;min-width:360px;border-bottom-left-radius:50px;background-color:#fff;transform:translateZ(0)}.controller>.el-drawer__body{padding:0!important;height:100%}.controller .control-model{display:flex;height:100%}.controller .control-model .control-menu{min-width:72px;max-width:140px;height:100%}.controller .control-model .control-setting{flex:1;height:100%}.controller .control-model .control-setting .control-setting-top{width:100%;height:100px}.controller .control-model .control-setting .control-box{border-radius:10px 0 0;background-color:#f7f7f7;width:100%;height:calc(100% - 100px);padding:10px}
|
