2 lines
3.7 KiB
CSS
2 lines
3.7 KiB
CSS
.page[data-v-9bb5a6e7]{min-height:100vh;background:#f7f7f7}.page-header[data-v-9bb5a6e7]{position:sticky;top:0;z-index:10;background:#fff;padding:14px 16px 12px;border-bottom:.5px solid rgba(0,0,0,.06)}.header-row[data-v-9bb5a6e7]{display:flex;align-items:center;justify-content:space-between}.btn-back[data-v-9bb5a6e7]{width:34px;height:34px;border-radius:50%;background:#f7f7f7;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.back-arrow[data-v-9bb5a6e7]{font-size:22px;color:#1a1a1a;line-height:1;margin-top:-2px}.page-title[data-v-9bb5a6e7]{font-size:18px;font-weight:600;color:#1a1a1a;flex:1;text-align:center}.btn-add-inline[data-v-9bb5a6e7]{background:#ff6b00;color:#fff;border:none;border-radius:16px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0}.list-wrap[data-v-9bb5a6e7]{padding:12px}.loading[data-v-9bb5a6e7]{display:flex;justify-content:center;padding:60px}.loading-ring[data-v-9bb5a6e7]{width:32px;height:32px;border:3px solid #E5E5E5;border-top-color:#ff6b00;border-radius:50%;animation:spin-9bb5a6e7 .8s linear infinite}@keyframes spin-9bb5a6e7{to{transform:rotate(360deg)}}.empty[data-v-9bb5a6e7]{text-align:center;padding:60px 40px}.empty-icon[data-v-9bb5a6e7]{font-size:48px;margin-bottom:12px}.empty-text[data-v-9bb5a6e7]{font-size:15px;color:#1a1a1a;font-weight:500}.empty-sub[data-v-9bb5a6e7]{font-size:13px;color:#b2b2b2;margin-top:6px}.vehicle-card[data-v-9bb5a6e7]{background:#fff;border-radius:16px;padding:16px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.vehicle-left[data-v-9bb5a6e7]{flex:1;min-width:0}.vehicle-plate[data-v-9bb5a6e7]{font-size:16px;font-weight:600;color:#1a1a1a}.vehicle-type[data-v-9bb5a6e7]{font-size:12px;color:#8e8e93;margin-top:4px}.vehicle-detail[data-v-9bb5a6e7]{font-size:12px;color:#b2b2b2;margin-top:3px}.vehicle-right[data-v-9bb5a6e7]{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.vehicle-status[data-v-9bb5a6e7]{font-size:12px;padding:4px 14px;border-radius:16px;font-weight:500}.status-renting[data-v-9bb5a6e7]{background:#e8f8ee;color:#ff6b00}.status-idle[data-v-9bb5a6e7]{background:#f0f0f0;color:#999}.btn-edit[data-v-9bb5a6e7]{background:#fff7f0;color:#ff6b00;border:none;border-radius:16px;padding:6px 14px;font-size:12px;cursor:pointer}.btn-del[data-v-9bb5a6e7]{background:#fff0f0;color:#ff4d4f;border:none;border-radius:16px;padding:6px 14px;font-size:12px;cursor:pointer}.dialog-overlay[data-v-9bb5a6e7]{position:fixed;inset:0;background:#0006;display:flex;align-items:flex-end;z-index:200}.dialog[data-v-9bb5a6e7]{background:#fff;width:100%;border-radius:20px 20px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.dialog-handle[data-v-9bb5a6e7]{width:36px;height:4px;background:#ddd;border-radius:2px;margin:10px auto 0}.dialog-title[data-v-9bb5a6e7]{text-align:center;font-size:17px;font-weight:600;color:#1a1a1a;padding:18px 16px 14px}.dialog-body[data-v-9bb5a6e7]{padding:0 16px 16px}.form-item[data-v-9bb5a6e7]{margin-bottom:14px}.form-item label[data-v-9bb5a6e7]{display:block;font-size:13px;color:#8e8e93;margin-bottom:8px}.form-item input[data-v-9bb5a6e7]{width:100%;padding:12px 14px;background:#f7f7f7;border:none;border-radius:10px;font-size:15px;color:#1a1a1a;outline:none;box-sizing:border-box}.form-item input[data-v-9bb5a6e7]::placeholder{color:#b2b2b2}.dialog-footer[data-v-9bb5a6e7]{display:flex;gap:12px;padding:0 16px}.btn-cancel[data-v-9bb5a6e7],.btn-confirm[data-v-9bb5a6e7]{flex:1;padding:13px;border-radius:24px;font-size:16px;font-weight:500;cursor:pointer;border:none}.btn-cancel[data-v-9bb5a6e7]{background:#f0f0f0;color:#666}.btn-confirm[data-v-9bb5a6e7]{background:#ff6b00;color:#fff}
|