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

fixed blur wrapper

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
src/components/containers/BlurWrapper/index.tsx
View file

@ -6,7 +6,7 @@ type IProps = AllHTMLAttributes<HTMLDivElement> & { is_blurred: boolean };
export const BlurWrapper: FC<IProps> = ({ children, is_blurred }) => ( export const BlurWrapper: FC<IProps> = ({ children, is_blurred }) => (
<div <div
className={styles.blur} 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} {children}
</div> </div>

2
src/components/containers/BlurWrapper/styles.scss
View file

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

2
src/redux/modal/reducer.ts
View file

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