Revert "Style updates."

This reverts commit e59c03bc13.
This commit is contained in:
Bryan Mauger 2023-01-11 15:26:19 -05:00 committed by Mark Harris
parent b5885940ce
commit 7dfa1dc0ba
3 changed files with 8 additions and 20 deletions

View file

@ -1,5 +1,5 @@
<template> <template>
<div class="funnel-sub-header"> <div class="current_car_info-text">
<div <div
class="d-flex align-items-center justify-content-center container-fluid overflow-hidden"> class="d-flex align-items-center justify-content-center container-fluid overflow-hidden">
<h5 class="text-center fw-normal mb-0" :class="headerColor"> <h5 class="text-center fw-normal mb-0" :class="headerColor">
@ -12,8 +12,9 @@
@click-event="clickEvent" /> @click-event="clickEvent" />
</h5> </h5>
</div> </div>
<div v-if="subText" class="d-flex align-items-center justify-content-center container-fluid overflow-hidden"> <div
<p class="text-center small fw-normal sub-text"> class="d-flex align-items-center justify-content-center container-fluid overflow-hidden">
<p class="text-center small fw-normal mb-5">
<span> <span>
{{ subText }} {{ subText }}
</span> </span>
@ -76,7 +77,4 @@ h5 {
p.small { p.small {
color: $gray-550; color: $gray-550;
} }
.sub-text {
margin: 0;
}
</style> </style>

View file

@ -1,6 +1,6 @@
<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" />
@ -300,12 +300,12 @@ 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 { div .current_car_info-text {
padding-bottom: 16px; padding-bottom: 16px;
} }
</style> </style>

View file

@ -1,6 +1,6 @@
<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
@ -206,13 +206,3 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss">
.quote {
.funnel-sub-header {
.sub-text {
margin-bottom: 24px;
}
}
}
</style>