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

Merge pull request #224 from Safelite/feature/Digital/SSR-372

Browse source 
SSR-372,373,377,378
This commit is contained in:
AMSNEHA 2023-04-06 19:27:50 +05:30 committed by GitHub
commit b5c007745a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 29 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/layouts/provider-preference/provider-preference.vue
View file

@ -4,10 +4,10 @@
<siteHeader cmsWidgetName="SiteHeaderWidget" />
<siteSubHeader cmsWidgetName="SiteSubHeader" id="sub-header" />
<div class="fade-on-route-transition sub-container make-tall overflow-scroller px-5">
<div v-html="ProviderPreferenceHeaderText" class="text-center mt-4 mb-4" ></div>
<div v-html="ProviderPreferenceHeaderText" class="text-center mb-4 modal-link" ></div>
<div
v-html="ProviderPreferenceBodyText"
class="mt-0"
class="mt-0 body-text"
></div>
<shoppreferenceModal cmsWidgetName="ShopPreferenceDrawer" />
@ -125,4 +125,22 @@ export default {
#sub-header span{
color: #000000;
}
.body-text p{
margin-bottom: 0.5rem;
}
.body-text li{
margin-bottom: 0.5rem;
}
.modal-link a{
color:#06577C;
font-size: 14px;
line-height: 24px;
font-weight: 500;
}
.question-text {
margin-top: 0;
& > span {
text-align: left;
}
}
</style>

12
src/layouts/provider-preference/shoppreference-modal/shoppreference-modal.vue
View file

@ -17,8 +17,8 @@
aria-label="Close"></button>
</div>
<div class="modal-body ps-4 pe-4 pt-4 pb-4">
<h5 class="mb-4 text-center header-text" v-html="ModalHeadline"></h5>
<p class="mb-0 small" v-html="ModalBodyText"></p>
<h5 class="mb-2 text-center header-text" v-html="ModalHeadline"></h5>
<p class="mb-0 small body-text" v-html="ModalBodyText"></p>
</div>
<div class="modal-footer px-5 py-4">
<buttonMain
@ -74,7 +74,13 @@ export default {
.header-text{
color: #000000;
font-weight: 500;
font-size: 16px;
line-height: 26px;
}
.body-text{
color:#525656;
font-size: 16px;
line-height: 26px;
}
.modal-header {
border-bottom: none;