muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

Modal

Browse source
This commit is contained in:
muerwre 2019-08-02 17:17:09 +07:00
parent 132fe872b6
commit e5bc0d258f
17 changed files with 301 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/containers/BlurWrapper/index.tsx Normal file
View file

@ -0,0 +1,13 @@
import React, { AllHTMLAttributes, FC } from "react";
import * as styles from "./styles.scss";
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})` }}
>
{children}
</div>
);

4
src/components/containers/BlurWrapper/styles.scss Normal file
View file

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