shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

App detail page faq scroll issue solved.

Browse Source
This commit is contained in:
Cüneyt Şentürk
2020-05-19 13:04:33 +03:00
parent 86c06e27a1
commit a69ea5b3c5
3 changed files with 89 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
resources/assets/js/components/AkauntingModal.vue
View File

@ -7,19 +7,22 @@
tabindex="-1" tabindex="-1"
role="dialog" role="dialog"
:aria-hidden="!show"> :aria-hidden="!show">
<div class="modal-dialog"> <div class="modal-dialog" :class="modalDialogClass">
<slot name="modal-content"> <slot name="modal-content">
<div class="modal-content"> <div class="modal-content">
<div class="card-header pb-2"> <div class="card-header pb-2">
<slot name="card-header"> <slot name="card-header">
<h4 class="float-left"> {{ title }} </h4> <h4 class="float-left"> {{ title }} </h4>
<button type="button" class="close" @click="onCancel" aria-hidden="true">&times;</button> <button type="button" class="close" @click="onCancel" aria-hidden="true">&times;</button>
</slot> </slot>
</div> </div>
<slot name="modal-body"> <slot name="modal-body">
<div class="modal-body" v-html="message"> <div class="modal-body" v-html="message">
</div> </div>
</slot> </slot>
<div class="card-footer border-top-0 pt-0"> <div class="card-footer border-top-0 pt-0">
<slot name="card-footer"> <slot name="card-footer">
<div class="float-right"> <div class="float-right">
@ -60,6 +63,11 @@ export default {
props: { props: {
show: Boolean, show: Boolean,
modalDialogClass: {
type: String,
default: '',
description: "Modal Body size Class"
},
title: { title: {
type: String, type: String,
default: '', default: '',
@ -145,4 +153,8 @@ export default {
.modal.show { .modal.show {
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
} }
.modal-md {
max-width: 650px;
}
</style> </style>

6
resources/assets/js/components/AkauntingModalAddNew.vue
View File

@ -16,6 +16,7 @@
<button type="button" class="close" @click="onCancel" aria-hidden="true">&times;</button> <button type="button" class="close" @click="onCancel" aria-hidden="true">&times;</button>
</slot> </slot>
</div> </div>
<slot name="modal-body"> <slot name="modal-body">
<div class="modal-body pb-0" v-if="!is_component" v-html="message"> <div class="modal-body pb-0" v-if="!is_component" v-html="message">
</div> </div>
@ -24,6 +25,7 @@
<component v-bind:is="component"></component> <component v-bind:is="component"></component>
</div> </div>
</slot> </slot>
<div class="card-footer border-top-0 pt-0"> <div class="card-footer border-top-0 pt-0">
<slot name="card-footer"> <slot name="card-footer">
<div class="float-right"> <div class="float-right">
@ -262,4 +264,8 @@ export default {
.modal.show { .modal.show {
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
} }
.modal-md {
max-width: 650px;
}
</style> </style>

2
resources/views/modules/item/show.blade.php
View File

@ -248,7 +248,7 @@
</div> </div>
@if ($module->purchase_faq) @if ($module->purchase_faq)
<akaunting-modal :show="faq"> <akaunting-modal :show="faq" modal-dialog-class="modal-md">
<template #modal-content> <template #modal-content>
{!! $module->purchase_faq !!} {!! $module->purchase_faq !!}
</template> </template>