App detail page faq scroll issue solved.
This commit is contained in:
@ -7,19 +7,22 @@
|
||||
tabindex="-1"
|
||||
role="dialog"
|
||||
:aria-hidden="!show">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-dialog" :class="modalDialogClass">
|
||||
<slot name="modal-content">
|
||||
<div class="modal-content">
|
||||
<div class="card-header pb-2">
|
||||
<slot name="card-header">
|
||||
<h4 class="float-left"> {{ title }} </h4>
|
||||
|
||||
<button type="button" class="close" @click="onCancel" aria-hidden="true">×</button>
|
||||
</slot>
|
||||
</div>
|
||||
|
||||
<slot name="modal-body">
|
||||
<div class="modal-body" v-html="message">
|
||||
</div>
|
||||
</slot>
|
||||
|
||||
<div class="card-footer border-top-0 pt-0">
|
||||
<slot name="card-footer">
|
||||
<div class="float-right">
|
||||
@ -60,6 +63,11 @@ export default {
|
||||
|
||||
props: {
|
||||
show: Boolean,
|
||||
modalDialogClass: {
|
||||
type: String,
|
||||
default: '',
|
||||
description: "Modal Body size Class"
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
@ -145,4 +153,8 @@ export default {
|
||||
.modal.show {
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.modal-md {
|
||||
max-width: 650px;
|
||||
}
|
||||
</style>
|
||||
|
@ -16,6 +16,7 @@
|
||||
<button type="button" class="close" @click="onCancel" aria-hidden="true">×</button>
|
||||
</slot>
|
||||
</div>
|
||||
|
||||
<slot name="modal-body">
|
||||
<div class="modal-body pb-0" v-if="!is_component" v-html="message">
|
||||
</div>
|
||||
@ -24,6 +25,7 @@
|
||||
<component v-bind:is="component"></component>
|
||||
</div>
|
||||
</slot>
|
||||
|
||||
<div class="card-footer border-top-0 pt-0">
|
||||
<slot name="card-footer">
|
||||
<div class="float-right">
|
||||
@ -262,4 +264,8 @@ export default {
|
||||
.modal.show {
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.modal-md {
|
||||
max-width: 650px;
|
||||
}
|
||||
</style>
|
||||
|
@ -248,7 +248,7 @@
|
||||
</div>
|
||||
|
||||
@if ($module->purchase_faq)
|
||||
<akaunting-modal :show="faq">
|
||||
<akaunting-modal :show="faq" modal-dialog-class="modal-md">
|
||||
<template #modal-content>
|
||||
{!! $module->purchase_faq !!}
|
||||
</template>
|
||||
|
Reference in New Issue
Block a user