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