feat: icons on the buttons, delivery, payment, status and Kanban
All checks were successful
Build and deploy / Validate source (push) Successful in 5s
Build and deploy / Integration suite on a real stack (push) Successful in 2m40s
Build and deploy / Secret scan and release gate (push) Successful in 5s
Build and deploy / Publish images (push) Successful in 53s

- Buttons: add to cart (bag with plus), go to payment (lock), remove from
  the cart (bin).
- Delivery: a pin for pickup in Franca, a truck for home delivery.
- Payment: card and QR code on the methods, copy on the PIX code, a clock on
  its countdown, a check on the confirmation.
- Status: a check when the files are sent, check, alert, redo and cross in
  the quality list instead of Unicode symbols, and a check on finished steps.
- Kanban: a truck or pin for where an order goes, a speech bubble on the
  WhatsApp link, a download arrow on the file buttons.

All Lucide shapes drawn inline, as in the header.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Cauê Faleiros
2026-09-30 13:13:45 -03:00
parent 20982a945f
commit 70a76feb23
10 changed files with 73 additions and 20 deletions

View File

@@ -349,6 +349,22 @@ html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{display:grid;grid-te
.rep .l1 button .ic{width:17px;height:17px}
#ampliaFecha .ic{width:20px;height:20px}
@media (max-width:600px){.acts .actTx{display:none}.acts{gap:16px}}
.cAdd,#bPagar,#pOk,#qOk{display:flex;align-items:center;justify-content:center;gap:8px}
#pOk{display:inline-flex}
.cAdd .ic,#bPagar .ic{width:19px;height:19px}
.item .x{display:inline-flex;align-items:center;gap:6px}
.item .x .ic{width:15px;height:15px}
.opE b .ic{width:16px;height:16px;margin:-2px 6px 0 0;color:var(--laranja-escuro)}
.metodo .ic{width:20px;height:20px;color:var(--texto2)}
.codigo .pagBtn{display:inline-flex;align-items:center;gap:7px}
.codigo .pagBtn .ic{width:17px;height:17px}
.pixBox .prazo{display:flex;align-items:center;gap:8px}
.pixBox .prazo .ic{width:20px;height:20px}
.confirmado h4{display:flex;align-items:center;gap:8px}
.confirmado h4 .ic{width:24px;height:24px}
.envioArq .ic{width:16px;height:16px;margin:-2px 6px 0 0}
.qi .c .ic{width:12px;height:12px;stroke-width:3}
.passos a span .ic{width:14px;height:14px;stroke-width:3}
.envioArq{font-size:13px;color:var(--texto2);margin-top:14px;line-height:1.5}
.envioArq.ok{color:var(--verde)}
.envioArq.erro{color:#B42318}