CSR-1050 remove unneeded css and refactor with helper classes.

This commit is contained in:
Bryan Mauger 2023-01-24 08:51:40 -05:00
parent 574fa765be
commit 01deb7bd0d
2 changed files with 5 additions and 18 deletions

View file

@ -1,10 +1,10 @@
<template> <template>
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }"> <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
<div class="page-container-grouped-styles estimate"> <div class="page-container-grouped-styles">
<loadingModal ref="loadingModal" /> <loadingModal ref="loadingModal" />
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
<vehicleBanner cmsWidgetName="VehicleBannerWidget" /> <vehicleBanner cmsWidgetName="VehicleBannerWidget" />
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" /> <funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
<div class="fade-on-route-transition sub-container make-tall"> <div class="fade-on-route-transition sub-container make-tall">
<div v-if="!skipVin"> <div v-if="!skipVin">
<alert <alert
@ -300,12 +300,9 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.estimate .vinLookupMethodHeading p { .vinLookupMethodHeading p {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
color: $black; color: $black;
} }
.estimate .funnel-sub-header {
padding-bottom: 16px;
}
</style> </style>

View file

@ -1,13 +1,13 @@
digital digital
<template> <template>
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }"> <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
<div class="page-container-grouped-styles quote"> <div class="page-container-grouped-styles">
<loadingModal ref="loadingModal" /> <loadingModal ref="loadingModal" />
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
<vehicleBanner <vehicleBanner
cmsWidgetName="VehicleBannerWidget" cmsWidgetName="VehicleBannerWidget"
:displayGenericVehicleImage="false" /> :displayGenericVehicleImage="false" />
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" /> <funnelSubHeader class="mb-5" cmsWidgetName="FunnelSubHeaderWidget" />
<div class="fade-on-route-transition sub-container make-tall"> <div class="fade-on-route-transition sub-container make-tall">
<cashOrInsuranceQuestion <cashOrInsuranceQuestion
ref="cashOrInsurance" ref="cashOrInsurance"
@ -207,13 +207,3 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss">
.quote {
.funnel-sub-header {
.sub-text {
margin-bottom: 24px;
}
}
}
</style>