diff options
Diffstat (limited to 'src/components/modal/modal.vue')
| -rw-r--r-- | src/components/modal/modal.vue | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/src/components/modal/modal.vue b/src/components/modal/modal.vue index 389a8881..c0a7ab21 100644 --- a/src/components/modal/modal.vue +++ b/src/components/modal/modal.vue @@ -21,6 +21,20 @@ export default { <style lang="scss"> .modal-view { + z-index: 1000; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: flex; + justify-content: center; + align-items: center; + overflow: auto; + animation-duration: 0.2s; + background-color: rgba(0, 0, 0, 0.5); + animation-name: modal-background-fadein; + body:not(.scroll-locked) & { display: none; } |