2 lines
1.6 KiB
CSS
2 lines
1.6 KiB
CSS
.component .component-wrap[data-v-5611573f]:hover{border:1px dashed hsl(var(--primary));box-shadow:0 0 5px #1890ff4d}.component .component-wrap:hover .component-name[data-v-5611573f]{left:-86px;top:1px}.component .component-wrap .component-name[data-v-5611573f]{background:hsl(var(--background));box-shadow:0 0 4px #00000014,0 2px 6px #0000000f,0 4px 8px 2px #0000000a;color:hsl(var(--text-color));display:block;font-size:12px;height:25px;left:-85px;line-height:25px;position:absolute;text-align:center;top:2px;width:80px}.component .component-wrap .component-name[data-v-5611573f]:after{border:5px solid transparent;border-left:5px solid hsl(var(--background));content:" ";height:0;position:absolute;right:-10px;top:7.5px;width:0}.component .component-wrap .component-toolbar[data-v-5611573f]{display:none;position:absolute;right:-55px;top:0}.component .component-wrap .component-toolbar[data-v-5611573f]:before{border:5px solid transparent;border-right:5px solid hsl(var(--primary));content:" ";height:0;left:-10px;position:absolute;top:10px;width:0}.component.active[data-v-5611573f]{margin-bottom:4px}.component.active .component-wrap[data-v-5611573f]{border:2px solid hsl(var(--primary))!important;box-shadow:0 0 10px #1890ff4d;margin-bottom:4px}.component.active .component-wrap .component-name[data-v-5611573f]{background:hsl(var(--primary));color:#fff;left:-87px!important;top:0!important}.component.active .component-wrap .component-name[data-v-5611573f]:after{border-left-color:hsl(var(--primary))}.component.active .component-wrap .component-toolbar[data-v-5611573f]{display:block}
|