diff options
| author | taehoon <th.dev91@gmail.com> | 2019-10-18 07:05:01 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-10-18 07:05:01 -0400 |
| commit | 348d6664eb07d4854ad4266873ad423091658187 (patch) | |
| tree | 8f6940c6c0706d3c678777f979c80d4805cf5a6d /src/components/post_status_modal/post_status_modal.vue | |
| parent | 07ec18fe11a347f8cbad6b3e667dfc9d9f09c867 (diff) | |
refactor all kind of modals using the modal component
Diffstat (limited to 'src/components/post_status_modal/post_status_modal.vue')
| -rw-r--r-- | src/components/post_status_modal/post_status_modal.vue | 18 |
1 files changed, 5 insertions, 13 deletions
diff --git a/src/components/post_status_modal/post_status_modal.vue b/src/components/post_status_modal/post_status_modal.vue index b5e75de7..06ef0a35 100644 --- a/src/components/post_status_modal/post_status_modal.vue +++ b/src/components/post_status_modal/post_status_modal.vue @@ -1,15 +1,11 @@ <template> - <div + <Modal v-if="isLoggedIn && !resettingForm" v-show="modalActivated" - v-body-scroll-lock="modalActivated" - class="post-form-modal-view modal-view" - @click="closeModal" + class="post-form-modal-view" + @close="closeModal" > - <div - class="post-form-modal-panel panel" - @click.stop="" - > + <div class="post-form-modal-panel panel"> <div class="panel-heading"> {{ $t('post_status.new_status') }} </div> @@ -19,7 +15,7 @@ @posted="closeModal" /> </div> - </div> + </Modal> </template> <script src="./post_status_modal.js"></script> @@ -29,10 +25,6 @@ .post-form-modal-view { align-items: flex-start; - - body:not(.scroll-locked) & { - display: none; - } } .post-form-modal-panel { |