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

Merge pull request #1884 from Safelite/feature/CSR-2113

Browse source 
Tech review changes
This commit is contained in:
AMSNEHA 2024-06-21 18:08:53 +05:30 committed by GitHub
commit e50d6aef6a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 24 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/fmg-components/content-group-modal/content-group-modal.vue
View file

@ -4,21 +4,17 @@
:modalId="ModalName"
:footerButtonText="ModalCloseButtonText"
@footer-button-event="footerButtonClick">
<div v-if="ModalName == 'RecalModal'">
<h5 class="mb-4 recal-header" v-html="ModalHeadline"></h5>
<img :src="ModalImage" class="mw-100 d-flex mx-auto mb-4" alt="" />
</div>
<div v-else>
<div :class="[isRecal ? 'recal-modal' : '']">
<img :src="ModalImage" class="mw-100 d-flex mx-auto mb-4" alt="" />
<h5 class="mb-4" v-html="ModalHeadline"></h5>
<p class="fw-bold mb-2 subheader-text" v-html="ModalSubheadertext"></p>
<p class="mb-0" v-html="ModalBodyText"></p>
<p
class="my-4 caption modal-sub-body"
v-if="ModalSubBodyText"
v-html="ModalSubBodyText"></p>
<slot></slot>
</div>
<p class="fw-bold mb-2 subheader-text" v-html="ModalSubheadertext"></p>
<p class="mb-0" v-html="ModalBodyText"></p>
<p
class="my-4 caption modal-sub-body"
v-if="ModalSubBodyText"
v-html="ModalSubBodyText"></p>
<slot></slot>
</modal>
</template>
@ -33,6 +29,7 @@ export default {
type: String,
default: null,
},
isRecal: Boolean,
},
computed: {
ModalName() {
@ -84,9 +81,20 @@ export default {
.modal-dialog {
.modal-content {
.modal-body {
.recal-header {
line-height: 32px;
text-align: center;
.recal-modal {
display: flex;
flex-direction: column;
h5 {
text-align: center;
line-height: 32px;
order: 1;
}
p {
order: 3;
}
img {
order: 2;
}
}
.modal-sub-body {
color: $gray-600;

2
src/layouts/quote/quote.vue
View file

@ -67,7 +67,7 @@
<contentGroupModal ref="RainDefenseModal" cmsWidgetName="RainDefenseModal" />
<contentGroupModal ref="FrontWiperModal" cmsWidgetName="FrontWiperModal" />
<contentGroupModal ref="RearWiperModal" cmsWidgetName="RearWiperModal" />
<contentGroupModal ref="RecalModal" cmsWidgetName="RecalModal" />
<contentGroupModal ref="RecalModal" cmsWidgetName="RecalModal" isRecal />
<navbar
cmsWidgetName="FunnelFooterWidget"