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

CSS & error changes

Browse source 
SSR-385
This commit is contained in:
Manjiri Jethe 2023-05-02 12:16:52 +05:30
parent 1d6df6cc82
commit d894545222
2 changed files with 28 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/layouts/policy-vehicles/policy-vehicles-question/policy-vehicles-question.vue
View file

@ -29,4 +29,13 @@ export default ({
},
})
</script>
<style lang="scss">
.question-text {
margin-top: 1rem;
& > span {
font-size: 1.25rem;
font-weight: 400 !important;
line-height: 2rem;
}
}
</style>

22
src/layouts/policy-vehicles/policy-vehicles.vue
View file

@ -2,14 +2,14 @@
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }" >
<div class="page-container-grouped-styles">
<div class="fade-on-route-transition position-relative">
<siteHeader cmsWidgetName="SiteHeaderWidget"/>
<siteHeader class="mb-2 header" cmsWidgetName="SiteHeaderWidget"/>
<div class="select-car">
<div class="container-fluid pb-2">
<div class="row">
<div class="col">
<div class="select-car-form rounded text-center">
<vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="true" class="mt-2 mb-4" />
<policyVehiclesQuestion class="px-4" cmsWidgetName="PolicyVehiclesQuestion" :vehicles="VehiclesForQuestions"/>
<policyVehiclesQuestion class="px-4" cmsWidgetName="PolicyVehiclesQuestion" :vehicles="VehiclesForQuestions" validationRules="option-required"/>
<siteFooter cmsWidgetName="SiteFooterWidget" ref="siteFooter" :isForwardActionDisabled="!meta.valid" @ForwardClicked="forwardButtonAction" @back-clicked="backButtonAction"/>
</div>
</div>
@ -29,11 +29,15 @@ import policyVehiclesQuestion from "@/layouts/policy-vehicles/policy-vehicles-qu
// Supporting files
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
import { settleAllPromises } from "@/helpers/layout-helper";
import { Form } from "vee-validate";
import { Form,defineRule } from "vee-validate";
import BaseFormMixin from '@/mixins/base-form-mixin.js';
import { issPageValues } from "@/router/router-constants/issPage-values";
import { useMainStore } from '@/store';
import { errorMessages } from "@/constants/error-messages";
import { required } from "@/helpers/validation-rules";
// DEFINE VALIDATION RULES
defineRule("option-required", required(errorMessages.OPTION_REQUIRED));
export default {
name: "policy-vehicles",
mixins: [BaseFormMixin],
@ -94,4 +98,14 @@ export default {
Form,
},
}
</script>
</script>
<style lang="scss">
.header{
margin-bottom: 0rem !important;
}
.form-test-error{
text-align: left;
margin-top: 0rem !important;
line-height: 1.50rem;
}
</style>