From 0fcb558985300edd60aebe7c5aa148018027e967 Mon Sep 17 00:00:00 2001 From: Katie Kroell Date: Thu, 5 Feb 2026 16:15:32 -0500 Subject: [PATCH] fix coverage status issue / use footer for navigation --- .../coverage-statement/coverage-statement.vue | 31 +++++++++++++------ .../policy-vehicles/policy-vehicles.vue | 2 ++ 2 files changed, 23 insertions(+), 10 deletions(-) diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue index e982088b..d88e927c 100644 --- a/src/layouts/coverage-statement/coverage-statement.vue +++ b/src/layouts/coverage-statement/coverage-statement.vue @@ -89,13 +89,12 @@ class="mt-5 mb-5" :customText="disclaimerText" typeStyle="caption" /> -
- -
+ @@ -114,6 +113,7 @@ import contentGroupModal from '@/iss-components/content-group-modal/content-grou import textBlock from '@/digital-components/text-block/text-block.vue'; import textLink from '@/ux-components/text-link/text-link.vue'; import buttonMain from '@/ux-components/button-main/button-main.vue'; +import siteFooter from '@/iss-components/site-footer/site-footer.vue'; // Import Supporting Files import { fetchCmsContentForPage, @@ -146,7 +146,8 @@ export default { contentGroupModal, buttonMain, textBlock, - textLink + textLink, + siteFooter }, mixins: [baseFormMixin, vehicleQuestionsMixin], async beforeRouteEnter(to, from, next) { @@ -328,9 +329,9 @@ export default { }, getVariant() { if (this.isITACQuoteVisible || this.isNoCompQuoteVisible) { - return 'text-center'; + return 'centered-back-button'; } - return 'text-left'; + return ''; } }, watch: { @@ -595,6 +596,16 @@ export default { margin-top: 20px; display: block; } + :deep(.centered-back-button) { + footer { + > div { + justify-content: center; + #stacked { + display: none; + } + } + } + } } .modal { diff --git a/src/layouts/policy-vehicles/policy-vehicles.vue b/src/layouts/policy-vehicles/policy-vehicles.vue index 62a102a1..56f84909 100644 --- a/src/layouts/policy-vehicles/policy-vehicles.vue +++ b/src/layouts/policy-vehicles/policy-vehicles.vue @@ -67,6 +67,7 @@ import { repairWaivedForSelectedVehicle } from '@/helpers/policy-vehicle-helper'; import coverageType from '@/constants/coverage-type'; +import coverageStatus from '@/constants/coverage-statuses'; import alert from '@/ux-components/alert/alert.vue'; import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue'; import buttonMain from '@/ux-components/button-main/button-main.vue'; @@ -237,6 +238,7 @@ export default { }); } else { useMainStore().updateCoverageType(coverageType.NONE); + useMainStore().updateCoverageStatus(coverageStatus.UNVERIFIED); } return this.navigateForward(); },