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

Tech review changes

Browse source
This commit is contained in:
Sneha 2024-06-21 14:44:55 +05:30
parent df2755ad62
commit 2ed4e03411
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" :modalId="ModalName"
:footerButtonText="ModalCloseButtonText" :footerButtonText="ModalCloseButtonText"
@footer-button-event="footerButtonClick"> @footer-button-event="footerButtonClick">
<div v-if="ModalName == 'RecalModal'"> <div :class="[ isRecal ? 'recal-modal' : '' ]">
<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>
<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="" />
<h5 class="mb-4" v-html="ModalHeadline"></h5> <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> </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> </modal>
</template> </template>
@ -33,6 +29,7 @@ export default {
type: String, type: String,
default: null, default: null,
}, },
isRecal: Boolean,
}, },
computed: { computed: {
ModalName() { ModalName() {
@ -84,9 +81,20 @@ export default {
.modal-dialog { .modal-dialog {
.modal-content { .modal-content {
.modal-body { .modal-body {
.recal-header { .recal-modal {
line-height: 32px; display: flex;
text-align: center; flex-direction: column;
h5 {
text-align: center;
line-height: 32px;
order: 1;
}
p {
order: 3;
}
img {
order: 2;
}
} }
.modal-sub-body { .modal-sub-body {
color: $gray-600; color: $gray-600;

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

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