Show only QR code in electronic form header
This commit is contained in:
@@ -243,11 +243,8 @@ function AftersalesDetailPage() {
|
|||||||
.electronic-form-brand { justify-self: start; }
|
.electronic-form-brand { justify-self: start; }
|
||||||
.electronic-form-logo { height: 34px; object-fit: contain; }
|
.electronic-form-logo { height: 34px; object-fit: contain; }
|
||||||
.electronic-form-title { justify-self: center; text-align: center; font-size: 20px; font-weight: 700; }
|
.electronic-form-title { justify-self: center; text-align: center; font-size: 20px; font-weight: 700; }
|
||||||
.electronic-form-meta { justify-self: end; display: flex; align-items: center; gap: 12px; }
|
.electronic-form-meta { justify-self: end; }
|
||||||
.electronic-form-qr { width: 82px; height: 82px; object-fit: contain; }
|
.electronic-form-qr { width: 82px; height: 82px; object-fit: contain; }
|
||||||
.electronic-form-serial { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
|
|
||||||
.electronic-form-serial-label { font-size: 12px; color: #4b5563; }
|
|
||||||
.electronic-form-serial-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 16px; font-weight: 700; white-space: nowrap; }
|
|
||||||
.electronic-form-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 13px; }
|
.electronic-form-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 13px; }
|
||||||
.electronic-form-table th, .electronic-form-table td { border: 1px solid #1f2937; padding: 9px 10px; vertical-align: top; word-break: break-word; }
|
.electronic-form-table th, .electronic-form-table td { border: 1px solid #1f2937; padding: 9px 10px; vertical-align: top; word-break: break-word; }
|
||||||
.electronic-form-table th { width: 120px; background: #f3f4f6; text-align: left; font-weight: 600; }
|
.electronic-form-table th { width: 120px; background: #f3f4f6; text-align: left; font-weight: 600; }
|
||||||
@@ -572,10 +569,6 @@ function AftersalesDetailPage() {
|
|||||||
className="electronic-form-qr"
|
className="electronic-form-qr"
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
<div className="electronic-form-serial">
|
|
||||||
<span className="electronic-form-serial-label">售后码</span>
|
|
||||||
<strong className="electronic-form-serial-code">{order.serialNumber}</strong>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<table className="electronic-form-table">
|
<table className="electronic-form-table">
|
||||||
|
|||||||
@@ -28,9 +28,6 @@
|
|||||||
|
|
||||||
.electronic-form-meta {
|
.electronic-form-meta {
|
||||||
justify-self: end;
|
justify-self: end;
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 12px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.electronic-form-qr {
|
.electronic-form-qr {
|
||||||
@@ -39,25 +36,6 @@
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
.electronic-form-serial {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: flex-end;
|
|
||||||
gap: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.electronic-form-serial-label {
|
|
||||||
font-size: 12px;
|
|
||||||
color: #4b5563;
|
|
||||||
}
|
|
||||||
|
|
||||||
.electronic-form-serial-code {
|
|
||||||
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 700;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.electronic-form-table {
|
.electronic-form-table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
|
|||||||
Reference in New Issue
Block a user