张磊
2 lines
7.8 KiB
CSS
2 lines
7.8 KiB
CSS
.detail-shell[data-v-7ae818dc]{display:flex;gap:22px;min-height:58vh;align-items:stretch}.main-col[data-v-7ae818dc]{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.viewer-card[data-v-7ae818dc]{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0;padding:14px;background:var(--el-bg-color);border:1px solid var(--el-border-color-lighter);border-radius:12px;box-shadow:0 1px 3px #0000000f}.viewer-card--solo[data-v-7ae818dc]{min-height:420px;max-height:58vh}.viewer-card__inner[data-v-7ae818dc]{padding:14px;background:var(--el-fill-color-dark);border-radius:10px;border:1px solid var(--el-border-color);flex:1;min-height:0;display:flex;flex-direction:column}html.dark .viewer-card__inner[data-v-7ae818dc]{background:#0d0d10}.viewer-hint[data-v-7ae818dc]{margin:0;font-size:12px;color:var(--el-text-color-secondary);text-align:center;line-height:1.5}.triptych[data-v-7ae818dc]{flex:1;display:flex;align-items:stretch;gap:12px;min-height:380px;max-height:54vh}.triptych-panel[data-v-7ae818dc]{position:relative;background:#0a0a0c;border-radius:10px;border:1px solid rgba(255,255,255,.08);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:0;transition:border-color .2s ease,box-shadow .2s ease}.triptych-panel.is-empty[data-v-7ae818dc]{background:rgba(0,0,0,.3)}.triptych-center[data-v-7ae818dc]{flex:1;min-width:0;border-color:#52a85773;box-shadow:0 0 0 1px #52a8571f}.triptych-center[data-v-7ae818dc]:not(.is-empty){border-color:#52a8578c}.triptych-side[data-v-7ae818dc]{flex:0 0 22%;min-width:120px;max-width:240px}.triptych-side[data-v-7ae818dc]:not(.is-empty){cursor:pointer}.triptych-side[data-v-7ae818dc]:not(.is-empty):hover{border-color:#52a857a6;box-shadow:0 0 0 1px #52a85740}.triptych-img[data-v-7ae818dc]{width:100%;height:100%;display:block}.triptych-img--side[data-v-7ae818dc]{object-fit:cover;object-position:center center}.triptych-img--center[data-v-7ae818dc]{object-fit:contain;object-position:center center;max-height:52vh}.panel-empty[data-v-7ae818dc]{font-size:12px;color:#6b6b75;user-select:none}.main-empty[data-v-7ae818dc]{color:var(--el-text-color-secondary);font-size:14px}.main-empty--solo[data-v-7ae818dc]{flex:1;min-height:400px;display:flex;align-items:center;justify-content:center;background:var(--el-fill-color-light);border:1px dashed var(--el-border-color);border-radius:12px}.single-image-wrapper[data-v-7ae818dc]{flex:1;min-height:360px;max-height:52vh;display:flex;align-items:center;justify-content:center;background:var(--el-fill-color-dark);border-radius:10px;border:1px solid var(--el-border-color);overflow:hidden}.single-image[data-v-7ae818dc]{max-width:100%;max-height:100%;object-fit:contain}.thumb-section[data-v-7ae818dc]{padding:14px 16px 16px;background:var(--el-bg-color);border:1px solid var(--el-border-color-lighter);border-radius:12px;box-shadow:0 1px 2px #0000000a}.thumb-section-head[data-v-7ae818dc]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.thumb-section-title[data-v-7ae818dc]{font-size:14px;font-weight:600;color:var(--el-text-color-primary)}.thumb-section-active[data-v-7ae818dc]{font-size:12px;color:#52a857;font-weight:500;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-strip[data-v-7ae818dc]{display:flex;flex-wrap:nowrap;gap:10px;padding-bottom:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--el-border-color) transparent}.thumb-strip[data-v-7ae818dc]::-webkit-scrollbar{height:6px}.thumb-strip[data-v-7ae818dc]::-webkit-scrollbar-thumb{background:var(--el-border-color);border-radius:999px}.thumb-btn[data-v-7ae818dc]{flex:0 0 auto;width:76px;padding:0;border:none;border-radius:10px;background:transparent;cursor:pointer;color:var(--el-text-color-secondary);font-size:11px;line-height:1.25;text-align:center;transition:color .15s ease}.thumb-btn__frame[data-v-7ae818dc]{display:block;padding:3px;border-radius:10px;border:2px solid transparent;background:var(--el-fill-color-light);transition:border-color .15s ease,box-shadow .15s ease}.thumb-btn img[data-v-7ae818dc]{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px;display:block}.thumb-btn__placeholder[data-v-7ae818dc]{width:100%;aspect-ratio:1;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--el-text-color-placeholder);background:var(--el-fill-color)}.thumb-btn__label[data-v-7ae818dc]{display:block;margin-top:6px;padding:0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-btn[data-v-7ae818dc]:hover{color:var(--el-text-color-primary)}.thumb-btn:hover .thumb-btn__frame[data-v-7ae818dc]{border-color:var(--el-border-color)}.thumb-btn.active[data-v-7ae818dc]{color:#52a857}.thumb-btn.active .thumb-btn__frame[data-v-7ae818dc]{border-color:#52a857;box-shadow:0 2px 12px #52a85733}.side-panel[data-v-7ae818dc]{width:288px;flex-shrink:0;display:flex;flex-direction:column;background:var(--el-bg-color);border:1px solid var(--el-border-color-lighter);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.side-panel-head[data-v-7ae818dc]{padding:14px 16px;border-bottom:1px solid var(--el-border-color-extra-light);background:var(--el-fill-color-extra-light);flex-shrink:0}.side-title[data-v-7ae818dc]{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--el-text-color-primary)}.side-sub[data-v-7ae818dc]{margin:0;font-size:11px;color:var(--el-text-color-secondary);text-transform:uppercase;letter-spacing:.06em}.side-time-inline[data-v-7ae818dc]{margin:6px 0 0;font-size:13px;color:var(--el-text-color-regular);font-variant-numeric:tabular-nums}.side-panel-body[data-v-7ae818dc]{flex:1;min-height:0;overflow-y:auto;padding:12px 14px 16px;display:flex;flex-direction:column;gap:2px}.side-empty[data-v-7ae818dc]{font-size:13px;color:var(--el-text-color-secondary);padding:12px 0;text-align:center}.metric-block[data-v-7ae818dc]{padding:10px 12px 12px;margin-bottom:0;background:var(--el-fill-color-light);border-radius:10px;border:1px solid var(--el-border-color-extra-light)}.metric-block+.metric-block[data-v-7ae818dc]{margin-top:8px}.metric-head[data-v-7ae818dc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px}.metric-name[data-v-7ae818dc]{color:var(--el-text-color-regular)}.metric-num[data-v-7ae818dc]{color:#52a857;font-weight:600;font-variant-numeric:tabular-nums}[data-v-7ae818dc] .el-progress-bar__outer{background-color:var(--el-fill-color-dark);border-radius:999px}[data-v-7ae818dc] .el-progress-bar__inner{border-radius:999px}.archive-detail-dialog.el-dialog{background:var(--el-bg-color);border:1px solid var(--el-border-color-lighter);border-radius:12px;box-shadow:var(--el-box-shadow)}.archive-detail-dialog.el-dialog .el-dialog__header{border-bottom:1px solid var(--el-border-color-lighter);margin-right:0;padding:16px 20px 14px}.archive-detail-dialog.el-dialog .el-dialog__title{color:var(--el-text-color-primary);font-size:17px;font-weight:600}.archive-detail-dialog.el-dialog .el-dialog__headerbtn{top:12px;right:12px;width:36px;height:36px}.archive-detail-dialog.el-dialog .el-dialog__headerbtn .el-dialog__close{color:var(--el-text-color-secondary);font-size:18px}.archive-detail-dialog.el-dialog .el-dialog__headerbtn .el-dialog__close:hover{color:var(--el-color-primary)}.archive-detail-dialog.el-dialog .el-dialog__body{background:var(--el-fill-color-extra-light);color:var(--el-text-color-primary);padding:16px 20px 22px}.dialog-cover[data-v-0faf89eb]{width:80px;height:80px;border-radius:4px;cursor:pointer}.image-slot[data-v-0faf89eb]{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;font-size:12px;color:var(--el-text-color-placeholder);background:var(--el-fill-color-light)}.app-container[data-v-4498f7b0]{padding:20px}.avatar-thumb[data-v-4498f7b0]{cursor:pointer}.op-links[data-v-4498f7b0]{display:flex;justify-content:center;align-items:center;gap:8px}
|