Simon
2 lines
4.9 KiB
CSS
2 lines
4.9 KiB
CSS
.graph-canvas[data-v-c818f9fe]{width:100%;height:100%;min-height:400px;position:relative;background:#fff;border-radius:8px;border:1px solid #e4e7ed}.graph-canvas__chart[data-v-c818f9fe]{width:100%;height:100%;min-height:400px}.graph-toolbar[data-v-2ed6d8aa]{display:flex;align-items:center;gap:4px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e4e7ed;flex-wrap:wrap}.graph-toolbar__group[data-v-2ed6d8aa]{display:flex;align-items:center;gap:8px}.graph-toolbar__label[data-v-2ed6d8aa]{font-size:13px;color:#909399;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.graph-toolbar__dot[data-v-2ed6d8aa]{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.graph-toolbar[data-v-2ed6d8aa] .el-checkbox__label{display:inline-flex;align-items:center}.node-detail-panel[data-v-4fea2bd1]{width:100%;height:100%;background:#fff;border-radius:8px;border:1px solid #e4e7ed;display:flex;flex-direction:column;overflow:hidden}.node-detail-panel__empty[data-v-4fea2bd1]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#c0c4cc;gap:12px}.node-detail-panel__empty p[data-v-4fea2bd1]{font-size:13px;margin:0}.node-detail-panel__header[data-v-4fea2bd1]{padding:16px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.node-detail-panel__type-badge[data-v-4fea2bd1]{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.node-detail-panel__name[data-v-4fea2bd1]{margin:0;font-size:16px;font-weight:600;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-detail-panel__scroll[data-v-4fea2bd1]{flex:1;overflow-y:auto}.node-detail-panel__section[data-v-4fea2bd1]{padding:12px 16px}.node-detail-panel__section+.node-detail-panel__section[data-v-4fea2bd1]{border-top:1px solid #f0f0f0}.node-detail-panel__section-title[data-v-4fea2bd1]{font-size:13px;font-weight:600;color:#606266;margin-bottom:10px;display:flex;align-items:center;gap:2px}.node-detail-panel__count[data-v-4fea2bd1]{font-size:12px;color:#909399;font-weight:400}.node-detail-panel__uuid[data-v-4fea2bd1]{font-family:Courier New,Courier,monospace;font-size:12px;color:#909399;word-break:break-all}.node-detail-panel__type-tag[data-v-4fea2bd1]{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase}.node-detail-panel__no-relations[data-v-4fea2bd1]{font-size:13px;color:#c0c4cc;padding:8px 0}.node-detail-panel__relation-list[data-v-4fea2bd1]{display:flex;flex-direction:column;gap:8px}.node-detail-panel__relation-item[data-v-4fea2bd1]{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f5f7fa;border-radius:6px;flex-wrap:wrap}.node-detail-panel__relation-direction[data-v-4fea2bd1]{display:flex;align-items:center;gap:4px;font-size:13px;color:#606266;flex:1;min-width:0}.node-detail-panel__relation-node[data-v-4fea2bd1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.node-detail-panel__relation-node--current[data-v-4fea2bd1]{font-weight:600;color:#303133}.node-detail-panel__relation-arrow[data-v-4fea2bd1]{color:#c0c4cc;flex-shrink:0}.node-detail-panel__relation-weight[data-v-4fea2bd1]{font-size:11px;color:#909399}.topology-preview-page[data-v-4fe1139a]{padding:20px;display:flex;flex-direction:column;height:100%;gap:12px}.topology-preview-page__header[data-v-4fe1139a]{display:flex;align-items:center;justify-content:space-between}.topology-preview-page__header h2[data-v-4fe1139a]{margin:0;font-size:20px;font-weight:600}.topology-preview-page__header-actions[data-v-4fe1139a]{display:flex;gap:8px;align-items:center}.topology-preview-page__stats-bar[data-v-4fe1139a]{display:flex;gap:12px}.topology-preview-page__stat-item[data-v-4fe1139a]{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#f5f7fa;border-radius:8px;min-width:100px}.topology-preview-page__stat-dot[data-v-4fe1139a]{display:inline-block;width:8px;height:8px;border-radius:50%}.topology-preview-page__stat-value[data-v-4fe1139a]{font-size:24px;font-weight:700;color:#303133}.topology-preview-page__stat-label[data-v-4fe1139a]{font-size:12px;color:#909399}.topology-preview-page__main[data-v-4fe1139a]{display:flex;gap:12px;flex:1;min-height:0}.topology-preview-page__canvas-wrapper[data-v-4fe1139a]{flex:1;min-width:0;position:relative;min-height:400px}.topology-preview-page__detail-wrapper[data-v-4fe1139a]{width:360px;flex-shrink:0;min-height:400px}.topology-preview-page__empty[data-v-4fe1139a]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;border-radius:8px;border:1px solid #e4e7ed}.topology-preview-page__empty-title[data-v-4fe1139a]{font-size:16px;font-weight:600;color:#606266;margin:8px 0 0}.topology-preview-page__empty-desc[data-v-4fe1139a]{font-size:13px;color:#909399;margin:0 0 12px}
|