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:
parent
e5bc0d258f
commit
06e72538d3
3 changed files with 3 additions and 3 deletions
|
@ -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>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
.blur {
|
||||
filter: blur(0) grayscale(0);
|
||||
filter: blur(0);
|
||||
transition: filter 0.25s;
|
||||
}
|
||||
|
|
|
@ -9,7 +9,7 @@ export interface IModalState {
|
|||
}
|
||||
|
||||
const INITIAL_STATE: IModalState = {
|
||||
is_shown: true,
|
||||
is_shown: false,
|
||||
dialog: DIALOGS.TEST
|
||||
};
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue