Change to textblock implementation.

This commit is contained in:
Chloe Herd 2023-05-17 08:20:57 -04:00
parent 8e63abd08d
commit 548b729745

View file

@ -7,21 +7,8 @@
cmsWidgetName="VehicleBannerWidget"
:displayGenericVehicleImage="false" />
<!-- Based off of FunnelSubHeader component, but fed from -->
<!-- a content-group widget to handle bolded 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-2 dark-header">
<span v-html="subHeaderTitle"></span>
</h5>
</div>
<div class="d-flex align-items-center justify-content-center overflow-hidden">
<p class="text-right small fw-normal sub-text my-2">
<span v-html="subHeaderBody"></span>
</p>
</div>
</div>
<textBlock :customText="subHeaderTitle" typeStyle="h5" justifyText="text-center" class="dark-header" />
<textBlock :customText="subHeaderBody" typeStyle="body" justifyText="left" />
<buttonMain
ref="buttonMain"
@ -43,6 +30,7 @@ import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
import funnelFooter from "@/fmg-components/funnel-footer/funnel-footer";
import vehicleBanner from "@/fmg-components/vehicle-banner/vehicle-banner";
import buttonMain from "@/ux-components/button-main/button-main";
import textBlock from "@/digital-components/text-block/text-block";
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
import { settleAllPromises } from "@/helpers/layout-helper";
@ -93,6 +81,7 @@ export default {
funnelFooter,
vehicleBanner,
buttonMain,
textBlock,
},
};
</script>