box-shadow fixed

This commit is contained in:
Daniel Shleifman
2021-06-09 01:42:44 +03:00
parent 09fb934c04
commit 763b55c75e

View File

@@ -110,14 +110,9 @@ const IconWrapper = styled.div`
const RightSideTopSection = styled.div` const RightSideTopSection = styled.div`
background: #fff; background: #fff;
padding: 0 20px 20px 20px; padding: 0 20px 20px 20px;
transition: all 0.3s;
${({ active }) => ${({ active }) => active && 'box-shadow: 0 8px 10px -9px rgba(0, 0, 0, 0.5)'};
active &&
css`
+ ${RightSideBottomSectionNoFile} {
box-shadow: inset 3px 25px 8px -25px rgba(0, 0, 0, 0.5);
}
`};
` `
const PosterWrapper = styled.div` const PosterWrapper = styled.div`
@@ -125,7 +120,7 @@ const PosterWrapper = styled.div`
display: grid; display: grid;
grid-template-columns: max-content 1fr; grid-template-columns: max-content 1fr;
grid-template-rows: 300px max-content; grid-template-rows: 300px max-content;
gap: 5px; gap: 10px 5px;
` `
const PosterSuggestions = styled.div` const PosterSuggestions = styled.div`
display: grid; display: grid;