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

steering modal updates

Browse source
This commit is contained in:
Katie Kroell 2026-02-24 16:20:59 -05:00
parent a01e4834fd
commit 4643ec65cb
3 changed files with 30 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -222,7 +222,6 @@ export default {
.modal-content { .modal-content {
margin: 1.5rem auto 0 auto; margin: 1.5rem auto 0 auto;
.modal-body { .modal-body {
color: #4d4e53;
padding: 0 1.5rem 0 1.5rem; padding: 0 1.5rem 0 1.5rem;
.col { .col {
max-width: 100%; max-width: 100%;

4
src/layouts/coverage-statement/cancel-claim-modal/cancel-claim-modal.vue
View file

@ -90,9 +90,11 @@ export default {
.cancel-link { .cancel-link {
text-decoration: underline; text-decoration: underline;
} }
.modal-footer { .modal-footer {
padding-bottom: 1rem; padding-bottom: 1rem;
} }
.modal-body {
color: #4d4e53;
}
} }
</style> </style>

62
src/layouts/provider-preference/steering-modal/steering-modal.vue
View file

@ -1,21 +1,24 @@
<template> <template>
<modal <div class="steering-modal-container">
:ref="ModalName" <modal
:modalId="ModalName" :ref="ModalName"
:footerButtonText="ModalCloseButtonText" :modalId="ModalName"
@footerButtonEvent="footerButtonClick"> :footerButtonText="ModalCloseButtonText"
<h5 class="text-center mb-4"> @footerButtonEvent="footerButtonClick">
{{ ModalHeadline }} <h5 class="text-center mb-4 headline-text">
</h5> {{ ModalHeadline }}
<div> </h5>
<div <div>
class="mb-4" <div
v-html="ModalBodyText"></div> class="mb-4"
<div v-html="ModalBodyText"></div>
v-if="ModalSubBodyText" <div
v-html="ModalSubBodyText"></div> class="mb-4"
</div> v-if="ModalSubBodyText"
</modal> v-html="ModalSubBodyText"></div>
</div>
</modal>
</div>
</template> </template>
<script> <script>
@ -74,24 +77,13 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.modal { :deep(.modal) {
&.modal-component { .modal-footer {
.modal-dialog { justify-content: center;
.modal-content { button {
.modal-body { background-color: #167cac;
.modal-sub-body { color: $white;
color: $gray-600; width: 71%;
}
ul {
margin-bottom: 0;
}
p {
&:last-child {
margin-bottom: 0;
}
}
}
}
} }
} }
} }