From 48f988fbd18115b58ce1d9a4af5ab16c09d48723 Mon Sep 17 00:00:00 2001
From: Hazem Krimi <krimihazem1@gmail.com>
Date: Sun, 5 Sep 2021 00:33:53 +0100
Subject: [PATCH] Remove input and card shadows

---
 components/Card.tsx  | 3 +--
 components/Input.tsx | 2 --
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/components/Card.tsx b/components/Card.tsx
index d99232d..2b5cd29 100644
--- a/components/Card.tsx
+++ b/components/Card.tsx
@@ -17,8 +17,7 @@ const StyledCard = styled.div<{ dark: boolean; image: boolean }>`
 	display: grid;
 	grid-template-columns: auto 150px;
 	align-items: stretch;
-	box-shadow: ${({ dark }) => !dark && `1px 1px 10px 0px rgba(0, 0, 0, 0.15)`};
-	transition: box-shadow 250ms ease-in-out, color 0ms ease-in-out;
+	transition: color 0ms ease-in-out;
 
 	&:hover {
 		& > div {
diff --git a/components/Input.tsx b/components/Input.tsx
index 67df1fd..22e83e4 100644
--- a/components/Input.tsx
+++ b/components/Input.tsx
@@ -16,7 +16,6 @@ const SmallField = styled.input<{ dark: boolean }>`
 	border: none;
 	padding: 1rem;
 	background: ${({ dark, theme }) => (dark ? '#2f2f2f' : theme.colors.dark.text)};
-	box-shadow: ${({ dark }) => !dark && `1px 1px 10px 0px rgba(0, 0, 0, 0.15)`};
 	color: ${({ dark, theme }) => (dark ? theme.colors.dark.text : theme.colors.light.text)};
 `;
 
@@ -25,7 +24,6 @@ const BigField = styled.textarea<{ dark: boolean }>`
 	border: none;
 	padding: 1rem;
 	background: ${({ dark, theme }) => (dark ? '#2f2f2f' : theme.colors.dark.text)};
-	box-shadow: ${({ dark }) => !dark && `1px 1px 10px 0px rgba(0, 0, 0, 0.15)`};
 	color: ${({ dark, theme }) => (dark ? theme.colors.dark.text : theme.colors.light.text)};
 `;