feat(web/ui): replace inline font-size violations and use new primitives in components

2026-06-16 12:24:04 +00:00
parent 50e3af0d91
commit 454a7845bb
3 changed files with 6 additions and 29 deletions
@@ -197,7 +197,7 @@ export const ConfigProfileEditorPanel = ({
                      >
                        <span style={{ cursor: "grab", color: "var(--muted)" }}><Icon name="drag" size="sm" /></span>
                        <span style={{ flex: 1, fontWeight: 500 }}>{profile.name}</span>
-                        <span style={{ fontSize: "0.75rem", padding: "0.125rem 0.375rem", background: "var(--badge-bg, #f3f4f6)", color: "var(--muted)", borderRadius: "0.25rem", textTransform: "uppercase", letterSpacing: "0.025em" }}>{getScopeLabel(profile)}</span>
+                        <span className="badge">{getScopeLabel(profile)}</span>
                        <button type="button" onClick={() => onRemoveInclude(index)} style={{ background: "none", border: "none", color: "var(--danger)", cursor: "pointer", padding: "0.25rem", borderRadius: "0.25rem" }} title="Remove include"><Icon name="delete" size="sm" /></button>
                      </div>
                    );