[frontend] use sx instead of useStyles in payloads (#1821)

OpenBAS-Platform · Nov 14, 2024 · 9d322a1 · 9d322a1
1 parent f3ed0bd
commit 9d322a1
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/openbas-front/src/admin/components/payloads/Payloads.tsx b/openbas-front/src/admin/components/payloads/Payloads.tsx
@@ -94,6 +94,15 @@ const inlineStyles: Record<string, CSSProperties> = {
   },
 };
 
+const chipSx = {
+  fontSize: 12,
+  height: 20,
+  float: 'left',
+  textTransform: 'uppercase',
+  borderRadius: 1,
+  width: 120,
+};
+
 const Payloads = () => {
   // Standard hooks
   const classes = useStyles();
@@ -167,7 +176,7 @@ const Payloads = () => {
       value: (payload: PayloadStore) => (
         <Chip
           variant="outlined"
-          classes={{ root: classes.chipInList2 }}
+          sx={chipSx}
           color="primary"
           label={t(payload.payload_source ?? 'MANUAL')}
         />