ColorInput - add boxshadow and change bg color

2020-12-25 16:06:55 +01:00 · 2020-12-25 16:06:55 +01:00 · 9c86666042
commit 9c86666042
parent 925c8fc4d8
1 changed files with 4 additions and 2 deletions
--- a/src/common/Form/ColorInput.tsx
+++ b/src/common/Form/ColorInput.tsx
@ -103,10 +103,12 @@ function ColorInput({
  );
 }

-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles(theme => ({
  popper: {
+    zIndex: theme.zIndex.appBar + 1,
    '& .block-picker': {
-      backgroundColor: '#ecd7ac !important',
+      backgroundColor: `${theme.palette.background.paper} !important`,
+      boxShadow: `${theme.shadows[4]} !important`,
    },
  },
 }));