2 lines
8.2 KiB
CSS
2 lines
8.2 KiB
CSS
.add-note-overlay[data-v-96b571dc]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center}.add-note-content[data-v-96b571dc]{background-color:#fff;border-radius:.5rem;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;padding:1rem}.dialog-title[data-v-96b571dc]{font-size:1rem;font-weight:700;color:#333;text-align:center;margin-bottom:.75rem}.scroll-area[data-v-96b571dc]{flex:1;width:90%;max-height:60vh}.section[data-v-96b571dc]{margin-bottom:.75rem}.section-label[data-v-96b571dc]{font-size:.875rem;font-weight:600;color:#333;margin-bottom:.375rem}.form-input[data-v-96b571dc]{width:100%;height:2.25rem;border:.03125rem solid #ddd;border-radius:.25rem;padding:0 .5rem;font-size:.8125rem;box-sizing:border-box}.picker-box[data-v-96b571dc]{width:100%;height:2.25rem;border:.03125rem solid #ddd;border-radius:.25rem;display:flex;align-items:center;padding:0 .5rem}.picker-text[data-v-96b571dc]{font-size:.8125rem;color:#333}.port-inputs[data-v-96b571dc]{display:flex;flex-direction:column;gap:.5rem}.port-input[data-v-96b571dc]{width:100%}.btn-row[data-v-96b571dc]{display:flex;gap:.625rem;margin-top:.75rem}.btn[data-v-96b571dc]{flex:1;height:2.5rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center}.btn-cancel[data-v-96b571dc]{background-color:#f5f5f5;border:.03125rem solid #ddd}.btn-submit[data-v-96b571dc]{background-color:#1a73ec}.btn-text[data-v-96b571dc]{font-size:.875rem;color:#666}.btn-text-white[data-v-96b571dc]{font-size:.875rem;color:#fff}.port-edit-overlay[data-v-ca192dd4]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999;display:flex;align-items:center;justify-content:center}.port-edit-content[data-v-ca192dd4]{background-color:#fff;border-radius:.625rem;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.loading-box[data-v-ca192dd4]{display:flex;justify-content:center;align-items:center;padding:2.5rem 0}.loading-text[data-v-ca192dd4]{font-size:.875rem;color:#999}.scroll-area[data-v-ca192dd4]{width:90%;flex:1;overflow-y:auto;overflow-x:hidden;padding:.875rem .875rem 0}.section[data-v-ca192dd4]{margin-bottom:.75rem}.section-title[data-v-ca192dd4]{font-size:.84375rem;font-weight:600;color:#333;margin-bottom:.3125rem;display:block}.location-row[data-v-ca192dd4]{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;border-bottom:.03125rem solid #f0f0f0}.location-text[data-v-ca192dd4]{font-size:.875rem;font-weight:600;color:#333;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge[data-v-ca192dd4]{display:flex;align-items:center;gap:.1875rem;flex-shrink:0;margin-left:.5rem}.status-dot[data-v-ca192dd4]{width:.5rem;height:.5rem;border-radius:50%}.dot-green[data-v-ca192dd4]{background-color:#4caf50}.dot-red[data-v-ca192dd4]{background-color:#f44336}.status-label[data-v-ca192dd4]{font-size:.75rem;color:#666}.remarks-row[data-v-ca192dd4]{display:flex;flex-direction:column;gap:.3125rem}.textarea-wrap[data-v-ca192dd4]{width:100%;overflow:hidden;border:.03125rem solid #e0e0e0;border-radius:.3125rem;background:#fafafa;box-sizing:border-box}.remarks-input[data-v-ca192dd4]{width:100%;min-height:3.75rem;padding:.4375rem;font-size:.8125rem;box-sizing:border-box;background:transparent;border:none;word-break:break-all}.add-note-btn[data-v-ca192dd4]{align-self:flex-end;padding:.25rem .625rem;background-color:#1a73ec;border-radius:.25rem}.add-note-text[data-v-ca192dd4]{font-size:.75rem;color:#fff}.form-input[data-v-ca192dd4]{width:100%;height:2.125rem;border:.03125rem solid #e0e0e0;border-radius:.3125rem;padding:0 .4375rem;font-size:.8125rem;box-sizing:border-box;background:#fafafa;overflow:hidden}.fault-list[data-v-ca192dd4]{margin-bottom:.25rem}.fault-item[data-v-ca192dd4]{margin-bottom:.375rem}.fault-row[data-v-ca192dd4]{display:flex;align-items:center;gap:.3125rem;width:100%;box-sizing:border-box}.date-picker[data-v-ca192dd4]{flex-shrink:0;min-width:0;width:6.25rem;height:2.125rem;border:.03125rem solid #e0e0e0;border-radius:.3125rem;display:flex;align-items:center;padding:0 .375rem;background:#fafafa;overflow:hidden}.date-text[data-v-ca192dd4]{font-size:.71875rem;color:#333}.date-placeholder[data-v-ca192dd4]{font-size:.71875rem;color:#999}.fault-reason-input[data-v-ca192dd4]{flex:1;min-width:0;height:2.125rem;border:.03125rem solid #e0e0e0;border-radius:.3125rem;padding:0 .375rem;font-size:.8125rem;background:#fafafa;box-sizing:border-box}.delete-btn[data-v-ca192dd4]{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:50%;background-color:#f44336;display:flex;align-items:center;justify-content:center}.delete-btn-text[data-v-ca192dd4]{font-size:1rem;color:#fff;font-weight:700;line-height:1}.add-record-link[data-v-ca192dd4]{padding:.125rem 0}.add-record-text[data-v-ca192dd4]{font-size:.78125rem;color:#1a73ec}.status-toggle-row[data-v-ca192dd4]{display:flex;gap:.5rem;margin-bottom:.3125rem}.toggle-btn[data-v-ca192dd4]{flex:1;height:2.125rem;border-radius:.3125rem;display:flex;align-items:center;justify-content:center;opacity:.35}.toggle-green[data-v-ca192dd4]{background-color:#4caf50}.toggle-red[data-v-ca192dd4]{background-color:#f44336}.toggle-active[data-v-ca192dd4]{opacity:1}.toggle-text[data-v-ca192dd4]{font-size:.875rem;color:#fff;font-weight:600}.hint-text[data-v-ca192dd4]{font-size:.6875rem;color:#999}.btn-row[data-v-ca192dd4]{display:flex;gap:.5rem;padding:.5rem .875rem .625rem;border-top:.03125rem solid #f0f0f0;flex-shrink:0}.btn[data-v-ca192dd4]{flex:1;height:2.375rem;border-radius:.3125rem;display:flex;align-items:center;justify-content:center}.btn-cancel[data-v-ca192dd4]{background-color:#f5f5f5;border:.03125rem solid #e0e0e0}.btn-submit[data-v-ca192dd4]{background-color:#1a73ec}.btn-full[data-v-ca192dd4]{flex:1}.btn-text[data-v-ca192dd4]{font-size:.875rem;color:#666}.btn-text-white[data-v-ca192dd4]{font-size:.875rem;color:#fff}.rack-detail-page[data-v-67d52832]{position:relative;min-height:100vh;background-color:#f5f5f5}.bg-image[data-v-67d52832]{position:absolute;top:0;left:0;width:100%;height:15.625rem;z-index:0}.content[data-v-67d52832]{position:relative;z-index:1}.nav-bar[data-v-67d52832]{width:100%}.nav-bar-inner[data-v-67d52832]{display:flex;align-items:center;justify-content:space-between;height:2.75rem;padding:0 .75rem}.nav-icon[data-v-67d52832],.nav-icon-placeholder[data-v-67d52832]{width:1.375rem;height:1.375rem}.nav-title[data-v-67d52832]{font-size:1.0625rem;font-weight:600;color:#fff}.room-name-bar[data-v-67d52832]{padding:.25rem .75rem 0}.room-name-text[data-v-67d52832]{font-size:.9375rem;font-weight:700;color:#1a73ec}.legend-bar[data-v-67d52832]{display:flex;align-items:center;padding:.5rem .75rem;gap:1rem}.legend-item[data-v-67d52832]{display:flex;align-items:center;gap:.25rem}.legend-dot[data-v-67d52832]{width:.625rem;height:.625rem;border-radius:50%}.legend-dot-green[data-v-67d52832]{background-color:#4caf50}.legend-dot-red[data-v-67d52832]{background-color:#f44336}.legend-label[data-v-67d52832]{font-size:.75rem;color:#666}.loading-box[data-v-67d52832]{display:flex;justify-content:center;padding:1.875rem 0}.loading-text[data-v-67d52832]{font-size:.875rem;color:#999}.frame-list[data-v-67d52832]{padding:0 .75rem .75rem}.frame-card[data-v-67d52832]{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-67d52832]{font-size:.9375rem;font-weight:600;color:#333;margin-bottom:.5rem}.port-scroll[data-v-67d52832]{width:100%;white-space:nowrap}.port-rows-wrapper[data-v-67d52832]{display:inline-block;min-width:100%}.port-row[data-v-67d52832]{margin-bottom:.625rem}.row-name[data-v-67d52832]{font-size:.8125rem;color:#666;margin-bottom:.375rem}.port-list[data-v-67d52832]{display:flex;flex-direction:row;gap:.5rem}.port-item[data-v-67d52832]{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.port-circle[data-v-67d52832]{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.port-green[data-v-67d52832]{background-color:#4caf50}.port-red[data-v-67d52832]{background-color:#f44336}.port-tips[data-v-67d52832]{font-size:.625rem;color:#fff;text-align:center}.port-name[data-v-67d52832]{font-size:.625rem;color:#333;margin-top:.1875rem;text-align:center}
|