| 1 |
- .vben-setting-menu-type-picker[data-v-3ebdb418]{display:flex}.vben-setting-menu-type-picker__item[data-v-3ebdb418]{position:relative;width:56px;height:48px;margin-right:16px;overflow:hidden;border-radius:4px;background-color:#f0f2f5;box-shadow:0 1px 2.5px #0000002e;cursor:pointer}.vben-setting-menu-type-picker__item[data-v-3ebdb418]:before,.vben-setting-menu-type-picker__item[data-v-3ebdb418]:after{content:"";position:absolute}.vben-setting-menu-type-picker__item--sidebar[data-v-3ebdb418]:before,.vben-setting-menu-type-picker__item--light[data-v-3ebdb418]:before{z-index:1;top:0;left:0;width:33%;height:100%;border-radius:4px 0 0 4px;background-color:#273352}.vben-setting-menu-type-picker__item--sidebar[data-v-3ebdb418]:after,.vben-setting-menu-type-picker__item--light[data-v-3ebdb418]:after{top:0;left:0;width:100%;height:25%;background-color:#fff}.vben-setting-menu-type-picker__item--mix[data-v-3ebdb418]:before{top:0;left:0;width:33%;height:100%;border-radius:4px 0 0 4px;background-color:#fff}.vben-setting-menu-type-picker__item--mix[data-v-3ebdb418]:after{z-index:1;top:0;left:0;width:100%;height:25%;background-color:#273352}.vben-setting-menu-type-picker__item--top-menu[data-v-3ebdb418]:after{top:0;left:0;width:100%;height:25%;background-color:#273352}.vben-setting-menu-type-picker__item--dark[data-v-3ebdb418]{background-color:#273352}.vben-setting-menu-type-picker__item--mix-sidebar[data-v-3ebdb418]:before{z-index:1;top:0;left:0;width:25%;height:100%;border-radius:4px 0 0 4px;background-color:#273352}.vben-setting-menu-type-picker__item--mix-sidebar[data-v-3ebdb418]:after{top:0;left:0;width:100%;height:25%;background-color:#fff}.vben-setting-menu-type-picker__item--mix-sidebar .mix-sidebar[data-v-3ebdb418]{position:absolute;left:25%;width:15%;height:100%;background-color:#fff}.vben-setting-menu-type-picker__item[data-v-3ebdb418]:hover,.vben-setting-menu-type-picker__item--active[data-v-3ebdb418]{padding:12px;border:2px solid #1677ff}.vben-setting-menu-type-picker__item[data-v-3ebdb418]:hover:before,.vben-setting-menu-type-picker__item--active[data-v-3ebdb418]:before,.vben-setting-menu-type-picker__item[data-v-3ebdb418]:hover:after,.vben-setting-menu-type-picker__item--active[data-v-3ebdb418]:after{border-radius:0}.vben-setting-menu-type-picker img[data-v-3ebdb418]{width:100%;height:100%;cursor:pointer}
|
