CASH-136 reapply modal sticky footer.

This commit is contained in:
Bryan Mauger 2025-01-22 09:57:35 -05:00
parent 560a90b44c
commit d3d3320d6d

View file

@ -27,17 +27,17 @@
</div>
<div class="modal-body ps-5 pe-5 pb-4 pt-1">
<slot></slot>
<div class="modal-footer">
<modalButtonMain
isPrimary
class="w-100"
:id="modalId + '-modalbtn'"
ref="modalButtonMain"
loaderColor="white"
:buttonText="footerButtonText"
@click-event="validateAndEmit"
:class="isFooterButtonDisabled && 'form-test-invalid'" />
</div>
</div>
<div class="modal-footer">
<modalButtonMain
isPrimary
class="w-100"
:id="modalId + '-modalbtn'"
ref="modalButtonMain"
loaderColor="white"
:buttonText="footerButtonText"
@click-event="validateAndEmit"
:class="isFooterButtonDisabled && 'form-test-invalid'" />
</div>
</div>
</div>
@ -173,7 +173,7 @@ export default {
}
}
.modal-footer {
padding: 1rem 0;
padding: 1rem 1.5rem;
position: sticky;
width: 100%;
bottom: 0;