Fix duration display

Remove incorrect usage of funnel subheader
Fix styling
This commit is contained in:
Scott Kiener 2025-09-12 10:01:48 -04:00
parent 51550c59b6
commit af726e90ae
2 changed files with 6 additions and 4 deletions

View file

@ -1,7 +1,6 @@
<template> <template>
<textBlock <textBlock
:customText="durationTextBlockCopy" :customText="durationTextBlockCopy"
justifyText="center"
typeStyle="small" typeStyle="small"
marginTopSizeOverride="0" marginTopSizeOverride="0"
class="duration-text-block" /> class="duration-text-block" />
@ -61,7 +60,7 @@ export default {
); );
if (this.estimatedServiceMinutesMinimum && this.estimatedServiceMinutesMaximum) { if (this.estimatedServiceMinutesMinimum && this.estimatedServiceMinutesMaximum) {
return `${inshopDurationTextWithoutTime} ${inshopDurationTime}`; return `${inshopDurationTextWithoutTime} <b>${inshopDurationTime}</b>`;
} }
return null; return null;

View file

@ -113,8 +113,8 @@
<div class="row date-picker-wrapper"> <div class="row date-picker-wrapper">
<div class="col-12 col-md-10 col-lg-8 col-xl-7"> <div class="col-12 col-md-10 col-lg-8 col-xl-7">
<locationAlerts cmsWidgetPrefix="LocationAlert-" ref="locationAlerts" /> <locationAlerts cmsWidgetPrefix="LocationAlert-" ref="locationAlerts" />
<div v-show="appointmentType" class="date-picker-header"> <div v-show="appointmentType" class="date-picker-header fw-normal mt-5 mb-5">
<funnelSubHeader cmsWidgetName="DatePickerSubHeaderWidget" class="mt-5" /> <textBlock :customText="datePickerHeaderText" typeStyle="button-question" class="mb-2" />
<durationTextBlock <durationTextBlock
:isSameDay="isSameDay" :isSameDay="isSameDay"
:appointmentType="appointmentType" :appointmentType="appointmentType"
@ -820,6 +820,9 @@ export default {
questionText() { questionText() {
return this.getCmsContent("YourSafeliteShopWidget", "QuestionText"); return this.getCmsContent("YourSafeliteShopWidget", "QuestionText");
}, },
datePickerHeaderText() {
return this.getCmsContent("DatePickerSubHeaderWidget", "HeaderText");
},
appointmentTypeStrings() { appointmentTypeStrings() {
return AppointmentTypeStrings; return AppointmentTypeStrings;
}, },