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

CASH-1182

Browse source 
CASH-1182 changed appointmentType button styling, and some semiBold font-weight adjustments
This commit is contained in:
Johnny shultz 2025-08-04 14:26:38 -04:00
parent ad4c1000ed
commit 0e8711e8ed
3 changed files with 35 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/digital-components/date-picker/date-picker.vue
View file

@ -1108,10 +1108,11 @@ export default {
.month-year {
grid-area: 1 / 1 / 2 / 5;
font-family: UrbanistBold;
font-family: UrbanistSemiBold;
color: $black;
justify-content: left;
margin-bottom: 0.5rem;
font-weight:500;
}
.legend {
grid-area: 1 / 5 / 2 / 8;

27
src/layouts/schedule/schedule.vue
View file

@ -46,7 +46,7 @@
</div>
<div class="row appointment-type">
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
<funnelSubHeader cmsWidgetName="ScheduleYourServiceWidget" class="mt-4" />
<funnelSubHeader cmsWidgetName="ScheduleYourServiceWidget" class="my-5" />
<appointmentTypeQuestion
v-model="appointmentTypeFromAppointmentTypeQuestion"
v-show="isAppointmentTypeDisplayed"
@ -1789,4 +1789,29 @@ export default {
color: $black;
font-weight: 600;
}
.funnel-sub-header h5 {
font-weight: 500;
font-size: 1rem;
font-family: UrbanistSemibold;
span {
letter-spacing: 0;
}
}
.appointment-type .funnel-sub-header h5 {
font-family: UrbanistRegular;
}
.funnel-sub-header.my-5 h5 {
font-weight: 400;
font-size: 1.25rem;
}
.col-12 a {
font-family: UrbanistSemibold;
font-weight: 500;
line-height: 26px;
text-underline-offset: 4px;
}
</style>

8
src/layouts/service-location/appointment-type-question/appointment-type-question.vue
View file

@ -7,7 +7,6 @@
:questionText="questionText"
:answers="answersToDisplay"
:groupName="groupName"
buttonTypeString="listCard"
v-model="selectedValue"
:suppressError="suppressError"
:validationRules="validationRules"
@ -134,4 +133,11 @@ export default {
width: auto;
}
}
div.appointment-type-question div.button-question div.col div.button-content{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
div.appointment-type-question div.button-question div.question-text span {
font-weight: 500;
}
</style>