fix: Missing bg blur, closes #2082
This commit is contained in:
@@ -33,7 +33,7 @@ const Actions = styled(Flex)`
|
|||||||
background: ${(props) => props.theme.background};
|
background: ${(props) => props.theme.background};
|
||||||
transition: ${(props) => props.theme.backgroundTransition};
|
transition: ${(props) => props.theme.backgroundTransition};
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
-webkit-backdrop-filter: blur(20px);
|
backdrop-filter: blur(20px);
|
||||||
|
|
||||||
@media print {
|
@media print {
|
||||||
display: none;
|
display: none;
|
||||||
|
|||||||
@@ -115,6 +115,7 @@ const Background = styled.div`
|
|||||||
props.left !== undefined ? "25%" : "75%"} 0;
|
props.left !== undefined ? "25%" : "75%"} 0;
|
||||||
max-width: 276px;
|
max-width: 276px;
|
||||||
background: ${(props) => rgba(props.theme.menuBackground, 0.95)};
|
background: ${(props) => rgba(props.theme.menuBackground, 0.95)};
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
box-shadow: ${(props) => props.theme.menuShadow};
|
box-shadow: ${(props) => props.theme.menuShadow};
|
||||||
border: ${(props) =>
|
border: ${(props) =>
|
||||||
props.theme.menuBorder ? `1px solid ${props.theme.menuBorder}` : "none"};
|
props.theme.menuBorder ? `1px solid ${props.theme.menuBorder}` : "none"};
|
||||||
|
|||||||
Reference in New Issue
Block a user