CASH-1182

CASH-1182 moved serviceZipModal under appointmentType question, left alignedheaders and stuff on the page
This commit is contained in:
Johnny shultz 2025-07-31 09:42:32 -04:00
parent 09cef3d8d2
commit 76e667f7cc
2 changed files with 22 additions and 20 deletions

View file

@ -1106,7 +1106,7 @@ export default {
grid-area: 1 / 1 / 2 / 5;
font-family: UrbanistBold;
color: $black;
justify-content: center;
justify-content: left;
margin-bottom: 0.5rem;
}
.legend {

View file

@ -5,22 +5,6 @@
<div class="container page-container-grouped-styles">
<div class="row">
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-4" />
<serviceZipModalQuestion
editScreenReaderTextCmsWidgetName="ScreenReaderZipEditWidget"
v-model="serviceZipCodeQuestion"
ref="serviceZipCodeQuestion"
:carId="carId"
:isVehicleHeavyTruck="isVehicleHeavyTruck"
:mobileFeePart="mobileFeePart"
@updated-mobile-fee-part="setMobileFeePart"
@updated-recycle-fee-part="setRecycleFeePart"
@updated-serviceability="setServiceabilityDetails"
@updated-contains-military-base="setContainsMilitaryBase"
@updated-bill-to-account-number="setBillToAccountNumber"
@service-zip-changed-from-modal="onServiceZipChanged"
linkWidgetName="ServiceZipLinkWidget"
modalWidgetName="ServiceZipModalWidget" />
<alert
ref="alertMilitaryBaseZip"
class="my-5"
@ -60,7 +44,7 @@
alertClass="alert-success" />
</div>
</div>
<div class="row justify-content-center appointment-type">
<div class="row justify-content-left appointment-type">
<div class="col-md-6">
<appointmentTypeQuestion
v-model="appointmentTypeFromAppointmentTypeQuestion"
@ -77,8 +61,26 @@
labelBold="true" />
</div>
</div>
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-4" />
<serviceZipModalQuestion
editScreenReaderTextCmsWidgetName="ScreenReaderZipEditWidget"
v-model="serviceZipCodeQuestion"
ref="serviceZipCodeQuestion"
:carId="carId"
:isVehicleHeavyTruck="isVehicleHeavyTruck"
:mobileFeePart="mobileFeePart"
@updated-mobile-fee-part="setMobileFeePart"
@updated-recycle-fee-part="setRecycleFeePart"
@updated-serviceability="setServiceabilityDetails"
@updated-contains-military-base="setContainsMilitaryBase"
@updated-bill-to-account-number="setBillToAccountNumber"
@service-zip-changed-from-modal="onServiceZipChanged"
linkWidgetName="ServiceZipLinkWidget"
modalWidgetName="ServiceZipModalWidget" />
</div>
<div
class="row justify-content-center your-shop-location"
class="row justify-content-left your-shop-location"
v-if="appointmentType && appointmentType !== appointmentTypeStrings.MOBILE">
<div class="col-md-6 col-xl-4">
<button-question
@ -113,7 +115,7 @@
<contentGroupModal ref="RecalModal" cmsWidgetName="RecalModal" />
</div>
</div>
<div class="row justify-content-center date-picker-wrapper">
<div class="row justify-content-left date-picker-wrapper">
<div class="col-md-6 col-xl-4">
<locationAlerts cmsWidgetPrefix="LocationAlert-" ref="locationAlerts" />
<datePicker