refactor all kind of modals using the modal component

This commit is contained in:
taehoon 2019-10-18 07:05:01 -04:00
parent 07ec18fe11
commit 348d6664eb
6 changed files with 23 additions and 40 deletions

View file

@ -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 {