Merge pull request #633 from Safelite/SSR-1160-desktop-fixes

CSR-1160 add wrapper to pages missed in conversion.
This commit is contained in:
bmauger 2024-04-22 15:12:47 -04:00 committed by GitHub
commit c2f56d12c2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 158 additions and 132 deletions

View file

@ -4,8 +4,16 @@
v-slot="{ meta }" v-slot="{ meta }"
@submit="onSubmit" @submit="onSubmit"
@invalidSubmit="onInvalidSubmit"> @invalidSubmit="onInvalidSubmit">
<div class="page-container-grouped-styles"> <div class="container-fluid fade-on-route-transition">
<siteHeader ref="siteHeader" cmsWidgetName="SiteHeaderWidget" /> <div class="row justify-content-center">
<div class="col-md-6 px-0 px-md-2">
<siteHeader
ref="siteHeader"
cmsWidgetName="SiteHeaderWidget" />
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-6 col-xl-4">
<vehicleBanner <vehicleBanner
cmsWidgetName="VehicleBannerWidget" cmsWidgetName="VehicleBannerWidget"
:displayGenericVehicleImage="false" /> :displayGenericVehicleImage="false" />
@ -52,6 +60,8 @@
@ForwardClicked="forwardButtonAction" /> @ForwardClicked="forwardButtonAction" />
</div> </div>
</div> </div>
</div>
</div>
</Form> </Form>
</template> </template>

View file

@ -4,9 +4,16 @@
v-slot="{ meta }" v-slot="{ meta }"
@submit="onSubmit" @submit="onSubmit"
@invalidSubmit="onInvalidSubmit"> @invalidSubmit="onInvalidSubmit">
<div class="page-container-grouped-styles"> <div class="container-fluid fade-on-route-transition">
<div class="row justify-content-center">
<div class="col-md-6 px-0 px-md-2"></div>
</div>
<div class="row justify-content-center">
<div class="col-md-6 col-xl-4">
<siteHeader cmsWidgetName="SiteHeaderWidget" /> <siteHeader cmsWidgetName="SiteHeaderWidget" />
<siteSubHeader cmsWidgetName="SiteSubHeaderWidget" class="mt-5" /> <siteSubHeader
cmsWidgetName="SiteSubHeaderWidget"
class="mt-5" />
<div class="main-content-container"> <div class="main-content-container">
<serviceZipModalQuestion <serviceZipModalQuestion
ref="serviceZipCodeQuestion" ref="serviceZipCodeQuestion"
@ -14,7 +21,9 @@
modalWidgetName="ServiceZipModalWidget" modalWidgetName="ServiceZipModalWidget"
:onZipUpdateCallback="reloadShopData" :onZipUpdateCallback="reloadShopData"
@updatedServiceability="setServiceabilityDetails" @updatedServiceability="setServiceabilityDetails"
@updatedContainsMilitaryBase="setContainsMilitaryBase" /> @updatedContainsMilitaryBase="
setContainsMilitaryBase
" />
<alert <alert
v-if="displayMilitaryZipAlert" v-if="displayMilitaryZipAlert"
ref="alertMilitaryBaseZip" ref="alertMilitaryBaseZip"
@ -68,7 +77,9 @@
:onZipUpdateCallback="reloadShopData" :onZipUpdateCallback="reloadShopData"
@updated-mobile-fee-part="setMobileFeePart" @updated-mobile-fee-part="setMobileFeePart"
@updated-serviceability="setServiceabilityDetails" @updated-serviceability="setServiceabilityDetails"
@updated-contains-military-base="setContainsMilitaryBase" /> @updated-contains-military-base="
setContainsMilitaryBase
" />
<shopQuestion <shopQuestion
v-show="isShopQuestionDisplayed" v-show="isShopQuestionDisplayed"
ref="shopQuestion" ref="shopQuestion"
@ -76,7 +87,9 @@
:selectedAppointmentType="selectedAppointmentType" :selectedAppointmentType="selectedAppointmentType"
:isDisplayed="isShopQuestionDisplayed" :isDisplayed="isShopQuestionDisplayed"
cmsWidgetName="ShopQuestionWidget" cmsWidgetName="ShopQuestionWidget"
@updatedMobileProviderNumber="setMobileProviderNumber" /> @updatedMobileProviderNumber="
setMobileProviderNumber
" />
<contentGroupModal <contentGroupModal
ref="RecalModal" ref="RecalModal"
cmsWidgetName="RecalModal" /> cmsWidgetName="RecalModal" />
@ -87,9 +100,12 @@
:isForwardActionDisabled=" :isForwardActionDisabled="
!meta.valid || displayNoShopsAlert !meta.valid || displayNoShopsAlert
" "
@backClicked="navigateBack(this, navigateBackScenario)" @backClicked="
navigateBack(this, navigateBackScenario)
"
@forwardClicked="forwardButtonAction" /> @forwardClicked="forwardButtonAction" />
>>>>>>> develop </div>
</div>
</div> </div>
</div> </div>
</Form> </Form>