diff options
Diffstat (limited to 'src/components/dialog_modal/dialog_modal.vue')
| -rw-r--r-- | src/components/dialog_modal/dialog_modal.vue | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/src/components/dialog_modal/dialog_modal.vue b/src/components/dialog_modal/dialog_modal.vue index 7621fb20..55d7a7d2 100644 --- a/src/components/dialog_modal/dialog_modal.vue +++ b/src/components/dialog_modal/dialog_modal.vue @@ -1,16 +1,22 @@ <template> - <span v-bind:class="{ 'dark-overlay': darkOverlay }" @click.self.stop='onCancel()'> - <div class="dialog-modal panel panel-default" @click.stop=''> + <span + :class="{ 'dark-overlay': darkOverlay }" + @click.self.stop="onCancel()" + > + <div + class="dialog-modal panel panel-default" + @click.stop="" + > <div class="panel-heading dialog-modal-heading"> <div class="title"> - <slot name="header"></slot> + <slot name="header" /> </div> </div> <div class="dialog-modal-content"> - <slot name="default"></slot> + <slot name="default" /> </div> <div class="dialog-modal-footer user-interactions panel-footer"> - <slot name="footer"></slot> + <slot name="footer" /> </div> </div> </span> @@ -62,6 +68,7 @@ .title { margin-bottom: 0; + text-align: center; } } @@ -80,6 +87,7 @@ background-color: var(--lightBg, $fallback--lightBg); border-top: 1px solid $fallback--bg; border-top: 1px solid var(--bg, $fallback--bg); + display: flex; justify-content: flex-end; button { |