Style updates.

This commit is contained in:
Bryan Mauger 2023-01-11 15:26:19 -05:00
parent 7cfdc81537
commit e59c03bc13
3 changed files with 20 additions and 8 deletions

View file

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

View file

@ -1,6 +1,6 @@
<template>
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
<div class="page-container-grouped-styles">
<div class="page-container-grouped-styles estimate">
<loadingModal ref="loadingModal" />
<funnelHeader cmsWidgetName="FunnelHeaderWidget" />
<vehicleBanner cmsWidgetName="VehicleBannerWidget" />
@ -297,12 +297,12 @@ export default {
</script>
<style lang="scss">
.vinLookupMethodHeading p {
.estimate .vinLookupMethodHeading p {
font-size: 1rem;
font-weight: 500;
color: $black;
}
div .current_car_info-text {
.estimate .funnel-sub-header {
padding-bottom: 16px;
}
</style>

View file

@ -1,6 +1,6 @@
<template>
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
<div class="page-container-grouped-styles">
<div class="page-container-grouped-styles quote">
<loadingModal ref="loadingModal" />
<funnelHeader cmsWidgetName="FunnelHeaderWidget" />
<vehicleBanner
@ -206,3 +206,13 @@ export default {
},
};
</script>
<style lang="scss">
.quote {
.funnel-sub-header {
.sub-text {
margin-bottom: 24px;
}
}
}
</style>