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

SSR-372,373,377,378

Browse source 
UI defects on provider preference
This commit is contained in:
Sneha 2023-04-06 13:01:21 +05:30
parent 818ff87485
commit c10ff0b96a
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" /> <siteHeader cmsWidgetName="SiteHeaderWidget" />
<siteSubHeader cmsWidgetName="SiteSubHeader" id="sub-header" /> <siteSubHeader cmsWidgetName="SiteSubHeader" id="sub-header" />
<div class="fade-on-route-transition sub-container make-tall overflow-scroller px-5"> <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 <div
v-html="ProviderPreferenceBodyText" v-html="ProviderPreferenceBodyText"
class="mt-0" class="mt-0 body-text"
></div> ></div>
<shoppreferenceModal cmsWidgetName="ShopPreferenceDrawer" /> <shoppreferenceModal cmsWidgetName="ShopPreferenceDrawer" />
@ -125,4 +125,22 @@ export default {
#sub-header span{ #sub-header span{
color: #000000; 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> </style>

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

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