feat: remove card borders

subsquid · Jun 16, 2024 · 1aa6d85 · 1aa6d85
1 parent ad11f9e
commit 1aa6d85
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Card/Card.tsx b/src/components/Card/Card.tsx
@@ -13,7 +13,7 @@ export const CardTitle = styled(Box)(({ theme }) => ({
 
 export const CardWrapper = styled(Paper, { name: 'CardWrapper' })(({ theme }) => ({
   padding: theme.spacing(2.5, 5),
-  boxShadow: `0px 4px 12px 0px #9595953D`,
+  boxShadow: `9px 9px 18px #e2e4e7, -9px -9px 18px #fbfbfb`,
   overflowX: 'auto',
   scrollbarWidth: 'thin',
 

diff --git a/src/components/Search/Search.tsx b/src/components/Search/Search.tsx
@@ -19,7 +19,6 @@ export const Field = styled(TextField)(({ theme }) => ({
     paddingLeft: 5,
     minHeight: 36,
   },
-  border: `1px solid ${theme.palette.divider}`,
   borderRadius: 6,
 }));
 

diff --git a/src/theme/theme.tsx b/src/theme/theme.tsx
@@ -548,7 +548,8 @@ export const useCreateTheme = (mode: PaletteType) => {
           MuiPaper: {
             styleOverrides: {
               elevation1: {
-                border: `1px solid ${colors.divider}`,
+                // border: `1px solid ${colors.divider}`,
+                border: 'none',
                 boxShadow: 'none',
               },
               rounded: {
@@ -648,7 +649,7 @@ export const useCreateTheme = (mode: PaletteType) => {
                 lineHeight: 1.6,
                 maxWidth: 400,
                 padding: `${spacing * 1.5}px ${spacing * 2.5}px`,
-                boxShadow: `0px 4px 14px rgba(101, 101, 101, 0.21)`,
+                boxShadow: `0px 2px 12px rgba(101, 101, 101, 0.21)`,
                 border: `1px solid ${alpha(colors.text.primary, 0.2)}`,
               },
               arrow: {