2 lines
3.4 KiB
CSS
2 lines
3.4 KiB
CSS
.rack-detail-page[data-v-78fdbc30]{position:relative;min-height:100vh;background-color:transparent}.content[data-v-78fdbc30]{position:relative;z-index:1}.nav-bar[data-v-78fdbc30]{width:100%}.nav-bar-inner[data-v-78fdbc30]{display:flex;align-items:center;justify-content:space-between;height:2.75rem;padding:0 .75rem}.nav-icon[data-v-78fdbc30],.nav-icon-placeholder[data-v-78fdbc30]{width:1.375rem;height:1.375rem}.nav-title[data-v-78fdbc30]{font-size:1.0625rem;font-weight:600;color:#fff}.room-name-bar[data-v-78fdbc30]{display:flex;align-items:center;justify-content:space-between;padding:.25rem .75rem 0}.room-name-text[data-v-78fdbc30]{font-size:.9375rem;font-weight:700;color:#1a73ec}.rack-type-text[data-v-78fdbc30]{font-size:.8125rem;color:#fff}.legend-bar[data-v-78fdbc30]{display:flex;align-items:center;padding:.5rem .75rem;gap:1rem}.legend-item[data-v-78fdbc30]{display:flex;align-items:center;gap:.25rem}.legend-dot[data-v-78fdbc30]{width:.625rem;height:.625rem;border-radius:50%}.legend-dot-green[data-v-78fdbc30]{background-color:#4caf50}.legend-dot-red[data-v-78fdbc30]{background-color:#f44336}.legend-label[data-v-78fdbc30]{font-size:.75rem;color:#666}.loading-box[data-v-78fdbc30]{display:flex;justify-content:center;padding:1.875rem 0}.loading-text[data-v-78fdbc30]{font-size:.875rem;color:#999}.frame-list[data-v-78fdbc30]{padding:0 .75rem .75rem}.frame-card[data-v-78fdbc30]{background-color:#fff;border-radius:.375rem;padding:.75rem;margin-bottom:.625rem;box-shadow:0 .0625rem .375rem rgba(0,0,0,.06)}.frame-name[data-v-78fdbc30]{font-size:.9375rem;font-weight:600;color:#333;margin-bottom:.5rem}.port-scroll[data-v-78fdbc30]{width:100%;white-space:nowrap}.port-rows-wrapper[data-v-78fdbc30]{display:inline-block;min-width:100%}.port-row[data-v-78fdbc30]{margin-bottom:.625rem}.row-name[data-v-78fdbc30]{font-size:.8125rem;color:#666;margin-bottom:.375rem}.port-list[data-v-78fdbc30]{display:flex;flex-direction:row;gap:.5rem}.port-item[data-v-78fdbc30]{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.port-circle[data-v-78fdbc30]{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.port-green[data-v-78fdbc30]{background-color:#4caf50}.port-red[data-v-78fdbc30]{background-color:#f44336}.port-tips[data-v-78fdbc30]{font-size:.625rem;color:#fff;text-align:center}.port-name[data-v-78fdbc30]{font-size:.625rem;color:#333;margin-top:.1875rem;text-align:center}.optical-box-wrapper[data-v-78fdbc30]{display:inline-flex;flex-direction:row;min-width:100%}.optical-left-col[data-v-78fdbc30]{background-color:pink;padding:.5rem;border-radius:.25rem 0 0 .25rem}.optical-left-col .optical-port-row[data-v-78fdbc30]{background-color:#ffb6c1;border-radius:.25rem;padding:.375rem;margin-bottom:.375rem}.optical-right-col[data-v-78fdbc30]{background-color:#e0f7fa;padding:.5rem;border-radius:0 .25rem .25rem 0}.optical-right-col .optical-port-row[data-v-78fdbc30]{background-color:#b3e5fc;border-radius:.25rem;padding:.375rem;margin-bottom:.375rem}.optical-divider[data-v-78fdbc30]{width:.125rem;background-color:#999;flex-shrink:0}.optical-col-header[data-v-78fdbc30]{padding:0 0 .375rem;text-align:center}.optical-col-title[data-v-78fdbc30]{font-size:.8125rem;font-weight:600;color:#333}.optical-port-row[data-v-78fdbc30]{display:flex;flex-direction:row;align-items:center}.optical-row-name[data-v-78fdbc30]{font-size:.75rem;color:#666;font-weight:600;margin-right:.375rem;flex-shrink:0;width:1rem;text-align:center}
|