feat: icons in the header and on the Montagem controls
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 2m50s
Build and deploy / Secret scan and release gate (push) Successful in 6s
Build and deploy / Publish images (push) Successful in 1m18s

The header's search, account and cart get icons, with the item count on the
cart instead of "Carrinho (N)"; on phones only the icons show. The upload
zone, remove, rotate and mirror buttons used Unicode symbols that look
different, or are missing, depending on the system's fonts; they are now
Lucide icons (ISC licence) drawn inline, so nothing new is loaded and the
CSP is unchanged.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Cauê Faleiros
2026-09-30 12:56:01 -03:00
parent 37715ef223
commit 20982a945f
5 changed files with 38 additions and 10 deletions

View File

@@ -334,6 +334,21 @@ html:is([data-rota="pagamento"],[data-rota="pix"]) .checkout{max-width:1040px;ma
html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
.avisoEnvio{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:var(--aviso-fundo);color:#5A3A00;font-size:13px;line-height:1.5}
.avisoEnvio[hidden]{display:none}
.ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.busca .lupa{display:flex;font-size:0}
.busca .lupa .ic{width:15px;height:15px}
.acts a .ic{width:20px;height:20px}
.cartIc{position:relative;display:inline-flex}
.acts #cartLink{gap:11px}
.cartN{position:absolute;top:-7px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--laranja);color:var(--preto);font-size:10.5px;font-weight:800;line-height:17px;text-align:center}
.cartN[hidden]{display:none}
.zona .ico .ic{width:22px;height:22px}
.art2 .giros .gr{display:inline-flex;align-items:center;justify-content:center}
.art2 .giros .gr .ic{width:19px;height:19px}
.rep .l1 button{display:inline-flex;align-items:center;justify-content:center}
.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}}
.envioArq{font-size:13px;color:var(--texto2);margin-top:14px;line-height:1.5}
.envioArq.ok{color:var(--verde)}
.envioArq.erro{color:#B42318}