e-scooter-rider-web/dist/assets/Orders-BnVqLHyb.css

2 lines
2.6 KiB
CSS

.orders-page[data-v-d086cb51]{min-height:100vh;background:#f7f7f7}.page-header[data-v-d086cb51]{background:#fff;padding:20px 16px 16px;border-bottom:.5px solid rgba(0,0,0,.06)}.page-header h2[data-v-d086cb51]{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.status-tabs[data-v-d086cb51]{display:flex;background:#fff;padding:12px 0}.tab-item[data-v-d086cb51]{flex:1;text-align:center;font-size:14px;color:#b2b2b2;cursor:pointer;position:relative;padding-bottom:8px}.tab-item.active[data-v-d086cb51]{color:#ff6b00;font-weight:600}.tab-item.active[data-v-d086cb51]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:#ff6b00;border-radius:2px}.count[data-v-d086cb51]{display:inline-block;background:#ff6b00;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;margin-left:4px}.order-list[data-v-d086cb51]{padding:12px}.order-card[data-v-d086cb51]{background:#fff;border-radius:16px;padding:16px;margin-bottom:10px}.order-header[data-v-d086cb51]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.order-number[data-v-d086cb51]{font-size:12px;color:#b2b2b2}.order-body[data-v-d086cb51]{cursor:pointer}.vehicle-info[data-v-d086cb51]{display:flex;align-items:center;gap:12px;padding:12px;background:#f7f7f7;border-radius:12px;margin-bottom:12px}.vehicle-info .icon[data-v-d086cb51]{font-size:36px}.vehicle-info h4[data-v-d086cb51]{margin:0;font-size:15px;color:#1a1a1a;font-weight:500}.vehicle-info p[data-v-d086cb51]{margin:4px 0 0;font-size:12px;color:#b2b2b2}.order-dates p[data-v-d086cb51]{margin:0 0 6px;font-size:13px;color:#1a1a1a}.order-dates .label[data-v-d086cb51]{color:#b2b2b2;margin-right:8px}.order-footer[data-v-d086cb51]{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:.5px solid #F0F0F0}.amount .label[data-v-d086cb51]{color:#b2b2b2;font-size:12px}.amount .value[data-v-d086cb51]{color:#ff6b00;font-size:18px;font-weight:600;margin-left:4px}.actions[data-v-d086cb51]{display:flex;gap:8px}.order-detail[data-v-d086cb51]{padding:10px 0}.detail-section[data-v-d086cb51]{margin-bottom:16px}.detail-section h4[data-v-d086cb51]{margin:0 0 10px;font-size:15px;color:#1a1a1a;font-weight:600;padding-bottom:8px;border-bottom:.5px solid #F0F0F0}.detail-row[data-v-d086cb51]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.detail-row .label[data-v-d086cb51]{color:#b2b2b2}.detail-row .value[data-v-d086cb51]{color:#1a1a1a}.detail-row.total[data-v-d086cb51]{margin-top:12px;padding-top:12px;border-top:.5px solid #F0F0F0;font-weight:600}.detail-row.total .value[data-v-d086cb51]{color:#ff6b00;font-size:16px}