Fix segment picker misusing removable-tag .chip/.chips styling

The new-campaign segment checkboxes reused .chip/.chips, which is
reserved codebase-wide for click-to-remove selected tags (adds a
trailing " x" and removable-tag hover styling). Give the segment
picker its own segmento-opcao/segmento-lista classes with a minimal
non-removable style instead.
This commit is contained in:
Gustavo
2026-08-03 08:27:35 -03:00
parent e8745513e9
commit 5fef71d157
3 changed files with 16 additions and 2 deletions
+1 -1
View File
@@ -27,7 +27,7 @@ const Campanhas = (() => {
if (!produto) { container.replaceChildren(); return; }
const { segmentos } = await API.get(`/api/campaigns/segmentos?produto=${encodeURIComponent(produto)}`);
container.replaceChildren(...segmentos.map((s) =>
h('label', { class: 'chip' },
h('label', { class: 'segmento-opcao' },
h('input', { type: 'checkbox', value: s.value, class: 'campanha-segmento-check' }),
` ${s.value} (${fmt.format(s.total)})`)
));