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

WIP grid and style updates.

Browse source
This commit is contained in:
Bryan Mauger 2023-09-19 14:33:44 -04:00
parent efd0edc1e9
commit c5162483f4
12 changed files with 44 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/layouts/address-lookup/address-lookup.vue
View file

@ -7,9 +7,8 @@
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
</div> </div>
</div> </div>
<div class="row"> <div class="row justify-content-md-center">
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div> <div class="col-md-6 col-xl-4">
<div class="col-md-8 col-lg-6">
<vehicleBanner <vehicleBanner
cmsWidgetName="VehicleBannerWidget" cmsWidgetName="VehicleBannerWidget"
@ -90,7 +89,6 @@
:isForwardActionDisabled="!meta.valid" /> :isForwardActionDisabled="!meta.valid" />
</div> </div>
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div>
</div> </div>
</div> </div>
</Form> </Form>

6
src/layouts/customer-details/customer-details.vue
View file

@ -6,9 +6,8 @@
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
</div> </div>
</div> </div>
<div class="row"> <div class="row justify-content-md-center">
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div> <div class="col-md-6 col-xl-4">
<div class="col-md-8 col-lg-6">
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="my-5" /> <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="my-5" />
<textboxQuestion <textboxQuestion
class="mb-4" class="mb-4"
@ -60,7 +59,6 @@
@back-clicked="backButtonAction" @back-clicked="backButtonAction"
@ForwardClicked="forwardButtonAction" /> @ForwardClicked="forwardButtonAction" />
</div> </div>
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div>
</div> </div>
</div> </div>
</Form> </Form>

6
src/layouts/estimate/estimate.vue
View file

@ -7,9 +7,8 @@
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
</div> </div>
</div> </div>
<div class="row"> <div class="row justify-content-md-center">
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div> <div class="col-md-6 col-xl-4">
<div class="col-md-8 col-lg-6">
<vehicleBanner cmsWidgetName="VehicleBannerWidget" /> <vehicleBanner cmsWidgetName="VehicleBannerWidget" />
<funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" /> <funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
<div v-if="!skipVin"> <div v-if="!skipVin">
@ -80,7 +79,6 @@
@ForwardClicked="forwardButtonAction" /> @ForwardClicked="forwardButtonAction" />
</div> </div>
</div> </div>
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div>
</div> </div>
</div> </div>
</Form> </Form>

6
src/layouts/license-plate-lookup/license-plate-lookup.vue
View file

@ -6,9 +6,8 @@
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
</div> </div>
</div> </div>
<div class="row"> <div class="row justify-content-md-center">
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div> <div class="col-md-6 col-xl-4">
<div class="col-md-8 col-lg-6">
<vehicleBanner <vehicleBanner
cmsWidgetName="VehicleBannerWidget" cmsWidgetName="VehicleBannerWidget"
:displayGenericVehicleImage="false" /> :displayGenericVehicleImage="false" />
@ -85,7 +84,6 @@
@back-clicked="backButtonAction" @back-clicked="backButtonAction"
@ForwardClicked="forwardButtonAction" /> @ForwardClicked="forwardButtonAction" />
</div> </div>
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div>
</div> </div>
</div> </div>
</Form> </Form>

6
src/layouts/quote/quote.vue
View file

@ -7,9 +7,8 @@
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
</div> </div>
</div> </div>
<div class="row"> <div class="row justify-content-md-center">
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div> <div class="col-md-6 col-xl-4">
<div class="col-md-8 col-lg-6">
<vehicleBanner <vehicleBanner
cmsWidgetName="VehicleBannerWidget" cmsWidgetName="VehicleBannerWidget"
:displayGenericVehicleImage="false" /> :displayGenericVehicleImage="false" />
@ -52,7 +51,6 @@
@back-clicked="backButtonAction" @back-clicked="backButtonAction"
@ForwardClicked="forwardButtonAction" /> @ForwardClicked="forwardButtonAction" />
</div> </div>
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div>
</div> </div>
</div> </div>
</Form> </Form>

6
src/layouts/review/review.vue
View file

@ -7,9 +7,8 @@
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
</div> </div>
</div> </div>
<div class="row"> <div class="row justify-content-md-center">
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div> <div class="col-md-6 col-xl-4">
<div class="col-md-8 col-lg-6">
<vehicleBanner <vehicleBanner
cmsWidgetName="VehicleBannerWidget" cmsWidgetName="VehicleBannerWidget"
:displayGenericVehicleImage="false" /> :displayGenericVehicleImage="false" />
@ -101,7 +100,6 @@
@back-clicked="backButtonAction" @back-clicked="backButtonAction"
@ForwardClicked="forwardButtonAction" /> @ForwardClicked="forwardButtonAction" />
</div> </div>
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div>
</div> </div>
</div> </div>
</Form> </Form>

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

@ -7,9 +7,8 @@
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
</div> </div>
</div> </div>
<div class="row"> <div class="row justify-content-md-center">
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div> <div class="col-md-6 col-xl-4">
<div class="col-md-8 col-lg-6">
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-5" /> <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-5" />
<template v-if="ChangeShopLink.length"> <template v-if="ChangeShopLink.length">
<textBlock <textBlock
@ -57,7 +56,6 @@
@back-clicked="backButtonAction" @back-clicked="backButtonAction"
@ForwardClicked="forwardButtonAction" /> @ForwardClicked="forwardButtonAction" />
</div> </div>
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div>
</div> </div>
</div> </div>
</Form> </Form>

6
src/layouts/service-location/service-location.vue
View file

@ -7,9 +7,8 @@
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
</div> </div>
</div> </div>
<div class="row"> <div class="row justify-content-md-center">
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div> <div class="col-md-6 col-xl-4">
<div class="col-md-8 col-lg-6">
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-5" /> <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-5" />
<serviceZipModalQuestion <serviceZipModalQuestion
@ -101,7 +100,6 @@
@back-clicked="backButtonAction" @back-clicked="backButtonAction"
@ForwardClicked="forwardButtonAction" /> @ForwardClicked="forwardButtonAction" />
</div> </div>
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div>
</div> </div>
</div> </div>
</Form> </Form>

16
src/layouts/vehicle-damage/vehicle-damage.vue
View file

@ -6,9 +6,8 @@
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
</div> </div>
</div> </div>
<div class="row"> <div class="row justify-content-md-center">
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div> <div class="col-md-6 col-xl-4">
<div class="col-md-8 col-lg-6">
<vehicleBanner <vehicleBanner
cmsWidgetName="VehicleBannerWidget" cmsWidgetName="VehicleBannerWidget"
:displayGenericVehicleImage="false" /> :displayGenericVehicleImage="false" />
@ -23,6 +22,11 @@
alertClass="alert-warning" alertClass="alert-warning"
:isDismissible="false" /> :isDismissible="false" />
</div>
</div>
<div class="row justify-content-md-center">
<div class="col-md-8 col-xl-6">
<damageLocationQuestion <damageLocationQuestion
ref="damageLocation" ref="damageLocation"
cmsWidgetName="DamageLocationQuestion" cmsWidgetName="DamageLocationQuestion"
@ -59,6 +63,11 @@
groupName="BackGlassReplaceOptionsQuestion" groupName="BackGlassReplaceOptionsQuestion"
validationRules="replace-options-required" /> validationRules="replace-options-required" />
</div>
</div>
<div class="row justify-content-md-center">
<div class="col-md-6 col-xl-4">
<navbar <navbar
cmsWidgetName="FunnelFooterWidget" cmsWidgetName="FunnelFooterWidget"
:isForwardActionDisabled="!meta.valid" :isForwardActionDisabled="!meta.valid"
@ -66,7 +75,6 @@
@back-clicked="backButtonAction" @back-clicked="backButtonAction"
@ForwardClicked="forwardButtonAction" /> @ForwardClicked="forwardButtonAction" />
</div> </div>
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div>
</div> </div>
</div> </div>
</Form> </Form>

16
src/layouts/vehicle-parts/vehicle-parts.vue
View file

@ -8,9 +8,8 @@
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
</div> </div>
</div> </div>
<div class="row"> <div class="row justify-content-md-center">
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div> <div class="col-md-6 col-lg-4">
<div class="col-md-8 col-lg-6">
<vehicleBanner <vehicleBanner
ref="vehicleBanner" ref="vehicleBanner"
cmsWidgetName="VehicleBannerWidget" cmsWidgetName="VehicleBannerWidget"
@ -50,7 +49,6 @@
@ForwardClicked="forwardButtonAction" /> @ForwardClicked="forwardButtonAction" />
</div> </div>
</div> </div>
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div>
</div> </div>
</div> </div>
</Form> </Form>
@ -241,3 +239,13 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss">
.vehicle-parts {
label {
&.list-card {
height: auto;
}
}
}
</style>

6
src/layouts/vehicle/vehicle.vue
View file

@ -6,9 +6,8 @@
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
</div> </div>
</div> </div>
<div class="row"> <div class="row justify-content-md-center">
<div class="d-none d-md-block col-md-3 col-lg-4">&nbsp;</div> <div class="col-md-6 col-xl-4">
<div class="col-md-6 col-lg-4">
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="siteSubHeader" /> <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="siteSubHeader" />
<vehicleQuestion <vehicleQuestion
ref="vehicleYearQuestion" ref="vehicleYearQuestion"
@ -65,7 +64,6 @@
:isForwardActionDisabled="!meta.valid" :isForwardActionDisabled="!meta.valid"
ref="navbar" /> ref="navbar" />
</div> </div>
<div class="d-none d-md-block col-md-3 col-lg-4">&nbsp;</div>
</div> </div>
</div> </div>
</Form> </Form>

6
src/layouts/vin-lookup/vin-lookup.vue
View file

@ -7,9 +7,8 @@
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
</div> </div>
</div> </div>
<div class="row"> <div class="row justify-content-md-center">
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div> <div class="col-md-6 col-xl-4">
<div class="col-md-8 col-lg-6">
<vehicleBanner <vehicleBanner
cmsWidgetName="VehicleBannerWidget" cmsWidgetName="VehicleBannerWidget"
:displayGenericVehicleImage="false" /> :displayGenericVehicleImage="false" />
@ -121,7 +120,6 @@
@back-clicked="backButtonAction" @back-clicked="backButtonAction"
@ForwardClicked="forwardButtonAction" /> @ForwardClicked="forwardButtonAction" />
</div> </div>
<div class="d-none d-md-block col-md-2 col-lg-3">&nbsp;</div>
</div> </div>
</div> </div>
</Form> </Form>