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
@@ -342,13 +342,7 @@ export const InstanceList = ({
 													{sshKeys.map((key) => (
 														<label
 															key={key.id}
-															className="checkbox-label"
-															style={{
-																fontSize: "0.75rem",
-																display: "flex",
-																alignItems: "center",
-																gap: "0.25rem",
-															}}
+															className="checkbox-label checkbox-label-compact"
 														>
 															<input
 																type="checkbox"
@@ -487,13 +481,7 @@ export const InstanceList = ({
 													{sshKeys.map((key) => (
 														<label
 															key={key.id}
-															className="checkbox-label"
-															style={{
-																fontSize: "0.75rem",
-																display: "flex",
-																alignItems: "center",
-																gap: "0.25rem",
-															}}
+															className="checkbox-label checkbox-label-compact"
 														>
 															<input
 																type="checkbox"