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