diff options
| author | taehoon <th.dev91@gmail.com> | 2019-10-21 15:36:03 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-10-21 15:36:03 -0400 |
| commit | c217483640c13f4948af54466dddb0ebc71f374e (patch) | |
| tree | d7ffe63195b99bbd7972f313ba78d257fda42f7b | |
| parent | b3699a7c7cbeba3b6b777e3c414b44c21464a863 (diff) | |
migrate viewClass prop to class attribute
| -rw-r--r-- | src/components/media_modal/media_modal.vue | 2 | ||||
| -rw-r--r-- | src/components/modal/modal.js | 3 | ||||
| -rw-r--r-- | src/components/modal/modal.vue | 2 | ||||
| -rw-r--r-- | src/components/post_status_modal/post_status_modal.vue | 2 |
4 files changed, 3 insertions, 6 deletions
diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue index e178fef1..50f442e2 100644 --- a/src/components/media_modal/media_modal.vue +++ b/src/components/media_modal/media_modal.vue @@ -1,7 +1,7 @@ <template> <Modal v-if="showing" - view-class="media-modal-view" + class="media-modal-view" @close="hide" > <img diff --git a/src/components/modal/modal.js b/src/components/modal/modal.js index 02d7017a..78537a1b 100644 --- a/src/components/modal/modal.js +++ b/src/components/modal/modal.js @@ -1,8 +1,5 @@ const Modal = { props: { - viewClass: { - type: String - }, isOpen: { type: Boolean, default: true diff --git a/src/components/modal/modal.vue b/src/components/modal/modal.vue index 74e81109..34a50159 100644 --- a/src/components/modal/modal.vue +++ b/src/components/modal/modal.vue @@ -2,7 +2,7 @@ <div v-show="isOpen" v-body-scroll-lock="isOpen" - :class="['modal-view', viewClass]" + class="modal-view" @click.self="closeModal" > <slot /> diff --git a/src/components/post_status_modal/post_status_modal.vue b/src/components/post_status_modal/post_status_modal.vue index c930d632..ef22b7ac 100644 --- a/src/components/post_status_modal/post_status_modal.vue +++ b/src/components/post_status_modal/post_status_modal.vue @@ -2,7 +2,7 @@ <Modal v-if="isLoggedIn && !resettingForm" :is-open="modalActivated" - view-class="post-form-modal-view" + class="post-form-modal-view" @close="closeModal" > <div class="post-form-modal-panel panel"> |