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"
cmsWidgetName="VehicleBannerWidget"
: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" />
<span v-html="tpaConfirmationHeaderText"></span>
</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>
</div>
<textBlock
@ -40,7 +40,7 @@
<textBlock
ref="tpaConfirmationOrderDetailsTitle"
: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" />
<textBlock
id="tpaConfirmationOrderDetailsBody"
@ -210,18 +210,17 @@ export default {
};
</script>
<style lang="scss" scoped>
.tpa-header {
color: $black;
.text-color--black {
color: $black;
}
.tpa-header {
span {
margin-left: map-get($spacers, 2);
}
}
.tpa-subheader {
color: $black;
}
.tpa-body-one {
:deep(p) {
line-height: map-get($spacers, 5);
@ -239,8 +238,4 @@ export default {
}
}
.order-details-title {
color: $black;
}
</style>