recal modal styling changes

This commit is contained in:
Kroell 2023-03-23 15:39:38 -04:00
parent 7a44814f0a
commit 7c5e740b87

View file

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