dm-vue3-ui/es/catalogue/index.css

This Components Library will help get you started developing in Vue 3.

.vdr-container{position:absolute;border:1px solid transparent;box-sizing:border-box}.vdr-container.active{border-color:#000;border-style:dashed}.vdr-container.dragging{border-color:#000;border-style:solid}.vdr-handle{box-sizing:border-box;position:absolute;width:7px;height:7px;background:#f0f0f0;border:1px solid #333}.vdr-handle-tl{top:-4px;left:-4px;cursor:nw-resize}.vdr-handle-tm{top:-4px;left:50%;margin-left:-3px;cursor:n-resize}.vdr-handle-tr{top:-4px;right:-4px;cursor:ne-resize}.vdr-handle-ml{top:50%;margin-top:-3px;left:-4px;cursor:w-resize}.vdr-handle-mr{top:50%;margin-top:-3px;right:-4px;cursor:e-resize}.vdr-handle-bl{bottom:-4px;left:-4px;cursor:sw-resize}.vdr-handle-bm{bottom:-4px;left:50%;margin-left:-4px;cursor:s-resize}.vdr-handle-br{bottom:-4px;right:-4px;cursor:se-resize}.dm-catalogue{position:relative;height:100%;-webkit-user-select:none;user-select:none;background:#f8f9fd}.dm-catalogue__toggle{justify-content:center;align-items:center;text-align:center;border-radius:50%;color:gray;position:absolute;right:0;z-index:9999;transform:translate(50%,-50%);display:none;cursor:pointer;background-color:#fff;box-shadow:0 0 9px #141d4021}.dm-catalogue__toggle.left{left:0;transform:translate(-50%,-50%) rotate(180deg)}.dm-catalogue__toggle .toggle-open-icon{transform:rotate(180deg)}.dm-catalogue:hover{overflow:visible}.dm-catalogue:hover .dm-catalogue__toggle,.dm-catalogue.collapsed .dm-catalogue__toggle{display:flex}.dm-catalogue__content{position:relative;height:100%}.dm-catalogue__content .catalogue-container{width:100%;height:100%}.dm-catalogue__content .vdr-container{display:flex;flex-direction:column;left:auto!important;max-width:var(--fb05e954);height:100%;border:none!important}.dm-catalogue__content .vdr-container .vdr-handle{width:var(--4ba033a0);height:100%;background:transparent;border:none;z-index:10}.dm-catalogue__content .vdr-container .vdr-handle.vdr-handle-ml{margin-top:0;right:0;transform:translateY(-50%)}.dm-catalogue__content .vdr-container .vdr-handle.vdr-handle-ml:after{content:"";position:absolute;top:0;left:50%;width:0;height:100%;border-left:1px solid #7857fc;display:none}.dm-catalogue__content .vdr-container .vdr-handle.vdr-handle-ml:hover:after{display:block}.dm-catalogue__content .vdr-container .vdr-handle.vdr-handle-mr{margin-top:0;right:0;transform:translate(50%,-50%)}.dm-catalogue__content .vdr-container .vdr-handle.vdr-handle-mr:after{content:"";position:absolute;top:0;left:50%;width:0;height:100%;border-right:1px solid #7857fc;display:none}.dm-catalogue__content .vdr-container .vdr-handle.vdr-handle-mr:hover:after{display:block}