1 line
4.4 KiB
CSS
1 line
4.4 KiB
CSS
.widgets-home[data-v-4ce9f460]{display:flex;flex-direction:row;flex:1;height:100%;margin:0}.widgets-content[data-v-4ce9f460]{flex:1;overflow:hidden}.widgets-aside[data-v-4ce9f460]{width:360px;border-top:1px solid var(--el-border-color-light);background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);position:relative;overflow:auto}.widgets-aside-title[data-v-4ce9f460]{font-size:14px;display:flex;align-items:center;justify-content:center}.widgets-aside-title i[data-v-4ce9f460]{margin-right:10px;font-size:18px}.widgets-aside-close[data-v-4ce9f460]{font-size:18px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.widgets-aside-close[data-v-4ce9f460]:hover{background:hsla(0,0%,71%,.1)}.widgets-top[data-v-4ce9f460]{position:absolute;bottom:0;right:10px;z-index:100;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.widgets-top-title[data-v-4ce9f460]{font-size:18px;font-weight:700}.widgets[data-v-4ce9f460]{transform-origin:top left;transition:transform .15s}.draggable-box[data-v-4ce9f460]{height:100%}.customizing .widgets-wrapper[data-v-4ce9f460]{margin-right:-360px}.customizing .widgets-wrapper .el-col[data-v-4ce9f460]{padding-bottom:15px}.customizing .widgets-wrapper .draggable-box[data-v-4ce9f460]{border:1px dashed var(--el-color-primary);padding:15px}.customizing .widgets-wrapper .no-widgets[data-v-4ce9f460]{display:none}.customizing .widgets-item[data-v-4ce9f460]{position:relative;margin-bottom:15px}.customize-overlay[data-v-4ce9f460]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:hsla(0,0%,100%,.9);cursor:move}.customize-overlay label[data-v-4ce9f460]{background:var(--el-color-primary);color:#fff;height:40px;padding:0 30px;border-radius:40px;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:move}.customize-overlay label i[data-v-4ce9f460]{margin-right:15px;font-size:24px}.customize-overlay .close[data-v-4ce9f460]{position:absolute;top:15px;right:15px}.customize-overlay .close[data-v-4ce9f460]:focus,.customize-overlay .close[data-v-4ce9f460]:hover{background:var(--el-button-hover-color)}.widgets-list-item[data-v-4ce9f460]{display:flex;flex-direction:row;padding:15px;align-items:center}.widgets-list-item .item-logo[data-v-4ce9f460]{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,71%,.1);display:flex;align-items:center;justify-content:center;font-size:18px;margin-right:15px;color:#6a8bad}.widgets-list-item .item-info[data-v-4ce9f460]{flex:1}.widgets-list-item .item-info h2[data-v-4ce9f460]{font-size:16px;font-weight:400;cursor:default}.widgets-list-item .item-info p[data-v-4ce9f460]{font-size:12px;color:#999;cursor:default}.widgets-list-item[data-v-4ce9f460]:hover{background:hsla(0,0%,71%,.1)}.widgets-wrapper .sortable-ghost[data-v-4ce9f460]{opacity:.5}.selectLayout[data-v-4ce9f460]{width:100%;display:flex}.selectLayout-item[data-v-4ce9f460]{width:60px;height:60px;border:2px solid var(--el-border-color-light);padding:5px;cursor:pointer;margin-right:15px}.selectLayout-item span[data-v-4ce9f460]{display:block;background:var(--el-border-color-light);height:46px}.selectLayout-item.item02 span[data-v-4ce9f460]{height:30px}.selectLayout-item.item02 .el-col:first-child span[data-v-4ce9f460],.selectLayout-item.item03 span[data-v-4ce9f460]{height:14px;margin-bottom:2px}.selectLayout-item.item04 span[data-v-4ce9f460]{height:30px;margin-bottom:2px}.selectLayout-item.item04 .el-col:first-child span[data-v-4ce9f460],.selectLayout-item.item04 .el-col:nth-child(2) span[data-v-4ce9f460],.selectLayout-item.item04 .el-col:nth-child(3) span[data-v-4ce9f460],.selectLayout-item.item04 .el-col:nth-child(4) span[data-v-4ce9f460],.selectLayout-item.item04 .el-col:nth-child(5) span[data-v-4ce9f460],.selectLayout-item.item04 .el-col:nth-child(6) span[data-v-4ce9f460]{height:14px;margin-bottom:2px}.selectLayout-item.active[data-v-4ce9f460],.selectLayout-item[data-v-4ce9f460]:hover{border-color:var(--el-color-primary)}.selectLayout-item.active span[data-v-4ce9f460]{background:var(--el-color-primary)}.dark .widgets-aside[data-v-4ce9f460]{background:#2b2b2b}.dark .customize-overlay[data-v-4ce9f460]{background:rgba(43,43,43,.9)}@media(max-width:992px){.customizing .widgets[data-v-4ce9f460]{transform:scale(1)!important}.customizing .widgets-aside[data-v-4ce9f460]{width:100%;position:absolute;top:50%;right:0;bottom:0}.customizing .widgets-wrapper[data-v-4ce9f460]{margin-right:0}} |