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

final styling revisions

Browse source
This commit is contained in:
Katie Kroell 2024-01-31 11:47:11 -05:00
parent 76d7180451
commit 2942a9bbab
1 changed files with 8 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/layouts/tpa-confirmation/tpa-confirmation.vue
View file

@ -15,11 +15,11 @@
class="mb-4" class="mb-4"
cmsWidgetName="VehicleBannerWidget" cmsWidgetName="VehicleBannerWidget"
:displayGenericVehicleImage="false" /> :displayGenericVehicleImage="false" />
<div class="tpa-header text-center pb-2 fs-5"> <div class="tpa-header text-center text-color--black pb-2 fs-5">
<img :src="tpaConfirmationImage" /> <img :src="tpaConfirmationImage" />
<span v-html="tpaConfirmationHeaderText"></span> <span v-html="tpaConfirmationHeaderText"></span>
</div> </div>
<div class="tpa-subheader text-center mb-3 fw-bold"> <div class="text-center text-color--black mb-3 fw-bold">
<span v-html="tpaConfirmationSubheaderText"></span> <span v-html="tpaConfirmationSubheaderText"></span>
</div> </div>
<textBlock <textBlock
@ -40,7 +40,7 @@
<textBlock <textBlock
ref="tpaConfirmationOrderDetailsTitle" ref="tpaConfirmationOrderDetailsTitle"
:customText="orderDetailsTitle" :customText="orderDetailsTitle"
class="order-details-title fw-bold lh-base mt-5 mb-4" class="text-color--black fw-bold lh-base mt-5 mb-4"
:marginTopSizeOverride="4" /> :marginTopSizeOverride="4" />
<textBlock <textBlock
id="tpaConfirmationOrderDetailsBody" id="tpaConfirmationOrderDetailsBody"
@ -210,18 +210,17 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.tpa-header {
color: $black;
.text-color--black {
color: $black;
}
.tpa-header {
span { span {
margin-left: map-get($spacers, 2); margin-left: map-get($spacers, 2);
} }
} }
.tpa-subheader {
color: $black;
}
.tpa-body-one { .tpa-body-one {
:deep(p) { :deep(p) {
line-height: map-get($spacers, 5); line-height: map-get($spacers, 5);
@ -239,8 +238,4 @@ export default {
} }
} }
.order-details-title {
color: $black;
}
</style> </style>