From 1aa6d851470c34debf404294b801ad5e6d12b031 Mon Sep 17 00:00:00 2001
From: belopash <abelopashentsev@gmail.com>
Date: Sun, 16 Jun 2024 23:22:37 +0500
Subject: [PATCH] feat: remove card borders

---
 src/components/Card/Card.tsx     | 2 +-
 src/components/Search/Search.tsx | 1 -
 src/theme/theme.tsx              | 5 +++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Card/Card.tsx b/src/components/Card/Card.tsx
index dfc499b..5fe45f4 100644
--- 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
index 50116a5..2a16aee 100644
--- 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
index 68be4e4..8c28a8d 100644
--- 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: {