diff options
| author | taehoon <th.dev91@gmail.com> | 2019-10-18 07:07:16 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-10-18 07:07:16 -0400 |
| commit | 0df0876cf1a8f961c8df12a7f0d11d9a61e64963 (patch) | |
| tree | 7f5ae8e78bfffdf240e597a4917a2d3cdddf47cb /src/components/modal/modal.vue | |
| parent | 348d6664eb07d4854ad4266873ad423091658187 (diff) | |
move modal css into the correct place
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; } |