hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove input and card shadows

Browse Source
This commit is contained in:
Hazem Krimi
2021-09-05 00:33:53 +01:00
parent d8a6384814
commit 48f988fbd1
2 changed files with 1 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Card.tsx
+1 -2
View File
@@ -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 {
components/Input.tsx
-2
View File
@@ -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)};
`;