jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CASH-136 reapply modal sticky footer.

Browse source
This commit is contained in:
Bryan Mauger 2025-01-22 09:57:35 -05:00
parent 560a90b44c
commit d3d3320d6d
1 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/digital-components/modal/modal.vue
View file

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