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

added glassy background to modals

Browse source
This commit is contained in:
Fedor Katurov 2022-01-09 19:39:55 +07:00
parent e90f8b6888
commit bc35ab0985
2 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/dialogs/ModalWrapper/styles.module.scss
View file

@ -46,6 +46,8 @@
} }
.overlay { .overlay {
@include modal_backdrop();
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -53,6 +55,4 @@
height: 100%; height: 100%;
cursor: pointer; cursor: pointer;
animation: appear 0.25s forwards; animation: appear 0.25s forwards;
@include blur();
} }

9
src/styles/_mixins.scss
View file

@ -244,3 +244,12 @@
padding-right: 0; padding-right: 0;
} }
} }
@mixin modal_backdrop {
@include blur();
background: url('../../src/sprites/noise.png');
@include can_backdrop {
background: url('../../src/sprites/noise.png');
}
}