recal modal styling changes
This commit is contained in:
parent
7a44814f0a
commit
7c5e740b87
1 changed files with 3 additions and 2 deletions
|
|
@ -16,11 +16,11 @@
|
||||||
data-bs-dismiss="modal"
|
data-bs-dismiss="modal"
|
||||||
aria-label="Close"></button>
|
aria-label="Close"></button>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body ps-4 pe-4 pt-4 pb-4">
|
<div class="modal-body ps-4 pe-4 pt-0 pb-5">
|
||||||
<h5 class="mb-4 text-center" v-html="ModalHeadline"></h5>
|
<h5 class="mb-4 text-center" v-html="ModalHeadline"></h5>
|
||||||
<img :src="ModalImage" class="mw-100 d-flex mx-auto mb-4" alt="" />
|
<img :src="ModalImage" class="mw-100 d-flex mx-auto mb-4" alt="" />
|
||||||
<p class="fw-bold mb-2 subheader-text" v-html="ModalSubheadertext"></p>
|
<p class="fw-bold mb-2 subheader-text" v-html="ModalSubheadertext"></p>
|
||||||
<p class="mb-0" v-html="ModalBodyText"></p>
|
<p class="mb-0 small" v-html="ModalBodyText"></p>
|
||||||
<p
|
<p
|
||||||
class="my-4 caption modal-sub-body"
|
class="my-4 caption modal-sub-body"
|
||||||
v-if="ModalSubBodyText"
|
v-if="ModalSubBodyText"
|
||||||
|
|
@ -84,6 +84,7 @@ export default {
|
||||||
.modal {
|
.modal {
|
||||||
top: auto;
|
top: auto;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
overflow: hidden;
|
||||||
h5,
|
h5,
|
||||||
strong,
|
strong,
|
||||||
.subheader-text {
|
.subheader-text {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue