Add store header OCR and market observation outbox
This commit is contained in:
+197
-1
@@ -216,6 +216,73 @@ h3 {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.calibration-guide {
|
||||
margin-block-end: 18px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 12px;
|
||||
background: var(--surface);
|
||||
}
|
||||
|
||||
.calibration-guide summary {
|
||||
padding: 13px 16px;
|
||||
cursor: pointer;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.calibration-guide__content {
|
||||
display: grid;
|
||||
gap: 16px;
|
||||
padding: 0 16px 16px;
|
||||
border-block-start: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.calibration-guide ol {
|
||||
display: grid;
|
||||
gap: 9px;
|
||||
margin: 14px 0 0;
|
||||
padding-inline-start: 24px;
|
||||
}
|
||||
|
||||
.calibration-guide li {
|
||||
padding-inline-start: 5px;
|
||||
}
|
||||
|
||||
.calibration-guide li strong,
|
||||
.calibration-guide li span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.calibration-guide li span {
|
||||
margin-block-start: 2px;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.84rem;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.pipeline-map {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.pipeline-map span {
|
||||
padding: 5px 8px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 7px;
|
||||
background: var(--surface-muted);
|
||||
color: var(--text);
|
||||
font-weight: 650;
|
||||
}
|
||||
|
||||
.pipeline-map b,
|
||||
.pipeline-map i {
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.button-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
@@ -540,7 +607,7 @@ input[type="range"] {
|
||||
|
||||
.inspector__actions {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
grid-template-columns: 1fr;
|
||||
gap: 8px;
|
||||
padding-block-start: 2px;
|
||||
}
|
||||
@@ -605,6 +672,108 @@ input[type="range"] {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.diagnostics {
|
||||
border-block-start: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.diagnostics summary {
|
||||
padding: 13px 20px;
|
||||
cursor: pointer;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.82rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.diagnostics__content {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(260px, 0.9fr) minmax(420px, 1.4fr);
|
||||
gap: 18px;
|
||||
padding: 0 20px 20px;
|
||||
}
|
||||
|
||||
.diagnostics__preview {
|
||||
align-self: start;
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 9px;
|
||||
background: var(--surface-muted);
|
||||
}
|
||||
|
||||
.diagnostics__preview img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.diagnostics__preview p {
|
||||
margin: 0;
|
||||
padding: 9px 11px;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.74rem;
|
||||
}
|
||||
|
||||
.stage-list {
|
||||
display: grid;
|
||||
gap: 7px;
|
||||
}
|
||||
|
||||
.stage-row {
|
||||
display: grid;
|
||||
grid-template-columns: 11px minmax(130px, 0.45fr) minmax(180px, 1fr) 120px;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
min-height: 58px;
|
||||
padding: 7px 9px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
.stage-row__dot {
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
border-radius: 50%;
|
||||
background: var(--border-strong);
|
||||
}
|
||||
|
||||
.stage-row[data-status="found"] .stage-row__dot {
|
||||
background: var(--success);
|
||||
}
|
||||
|
||||
.stage-row[data-status="not-found"] .stage-row__dot,
|
||||
.stage-row[data-status="error"] .stage-row__dot {
|
||||
background: var(--error);
|
||||
}
|
||||
|
||||
.stage-row[data-status="skipped"] {
|
||||
opacity: 0.68;
|
||||
}
|
||||
|
||||
.stage-row strong {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.stage-row p {
|
||||
margin: 0;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.74rem;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.stage-row img {
|
||||
display: block;
|
||||
width: 120px;
|
||||
height: 42px;
|
||||
object-fit: contain;
|
||||
border-radius: 5px;
|
||||
background: oklch(0.18 0.01 255);
|
||||
}
|
||||
|
||||
.stage-row__empty {
|
||||
color: var(--text-muted);
|
||||
font-size: 0.72rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
@@ -659,6 +828,18 @@ td:nth-child(4) {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.diagnostics__content {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.stage-row {
|
||||
grid-template-columns: 11px minmax(110px, 0.45fr) minmax(160px, 1fr) 100px;
|
||||
}
|
||||
|
||||
.stage-row img {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.inspector {
|
||||
border-block-start: 1px solid var(--border);
|
||||
border-inline-start: 0;
|
||||
@@ -713,6 +894,21 @@ td:nth-child(4) {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.stage-row {
|
||||
grid-template-columns: 11px 1fr;
|
||||
}
|
||||
|
||||
.stage-row p,
|
||||
.stage-row img,
|
||||
.stage-row__empty {
|
||||
grid-column: 2;
|
||||
}
|
||||
|
||||
.stage-row img {
|
||||
width: 100%;
|
||||
height: 68px;
|
||||
}
|
||||
|
||||
table {
|
||||
min-width: 680px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user