Change MuiAccordion border styling according to Figma FieldSet design

vivid-planet · Oct 30, 2023 · e8366b7 · e8366b7
1 parent 801986c
commit e8366b7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/admin/admin-theme/src/componentsTheme/MuiAccordion.ts b/packages/admin/admin-theme/src/componentsTheme/MuiAccordion.ts
@@ -11,7 +11,9 @@ export const getMuiAccordion: GetMuiComponentTheme<"MuiAccordion"> = (component,
     },
     styleOverrides: mergeOverrideStyles<"MuiAccordion">(component?.styleOverrides, {
         root: {
-            border: `solid ${palette.divider}`,
+            border: "none",
+            borderRadius: "4px",
+            boxShadow: "0px 0px 4px 0px rgba(0,0,0,0.08)",
             "&:not(:last-child)": {
                 marginBottom: "20px",
             },

diff --git a/packages/admin/admin/src/common/FieldSet.tsx b/packages/admin/admin/src/common/FieldSet.tsx
@@ -66,7 +66,7 @@ const styles = (theme: Theme) =>
         children: {
             display: "flex",
             flexDirection: "column",
-            borderTop: `solid ${theme.palette.divider}`,
+            borderTop: `1px solid ${theme.palette.divider}`,
             padding: "20px",
             [theme.breakpoints.up("sm")]: {
                 padding: "40px",