1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00

fixed blur wrapper

This commit is contained in:
muerwre 2019-08-02 17:18:24 +07:00
parent e5bc0d258f
commit 06e72538d3
3 changed files with 3 additions and 3 deletions

View file

@ -6,7 +6,7 @@ type IProps = AllHTMLAttributes<HTMLDivElement> & { is_blurred: boolean };
export const BlurWrapper: FC<IProps> = ({ children, is_blurred }) => (
<div
className={styles.blur}
style={{ filter: `blur(${is_blurred ? 15 : 0}px) saturate(${is_blurred ? 1.5 : 0})` }}
style={{ filter: `blur(${is_blurred ? 15 : 0}px) saturate(${is_blurred ? 1.5 : 1})` }}
>
{children}
</div>

View file

@ -1,4 +1,4 @@
.blur {
filter: blur(0) grayscale(0);
filter: blur(0);
transition: filter 0.25s;
}

View file

@ -9,7 +9,7 @@ export interface IModalState {
}
const INITIAL_STATE: IModalState = {
is_shown: true,
is_shown: false,
dialog: DIALOGS.TEST
};