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

payment page updates

Browse source 
feel like this is gonna need some work when we can get there.  not sure on the iframe and the 2 forms
This commit is contained in:
Bill Richardson 2025-12-03 14:41:21 -05:00
parent 4ab5496f6c
commit 4d14c07fcd
2 changed files with 33 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/layouts/payment-method/payment-method.vue
View file

@ -4,24 +4,19 @@
v-slot="{ meta }" v-slot="{ meta }"
@submit="onSubmit" @submit="onSubmit"
@invalidSubmit="onInvalidSubmit"> @invalidSubmit="onInvalidSubmit">
<div class="container-fluid fade-on-route-transition"> <div class="fade-on-route-transition">
<div class="row justify-content-center"> <div class="justify-content-center">
<div class="col-md-6 px-0 px-md-2"> <siteHeader
<siteHeader ref="siteHeader"
ref="siteHeader" cmsWidgetName="SiteHeaderWidget" />
cmsWidgetName="SiteHeaderWidget" />
</div>
</div> </div>
<div class="row justify-content-center"> <div class="iss-heritage-container-width">
<div class="col-md-6 col-xl-4"> <div class="payment-method-container iss-heritage-content-container-width">
<vehicleBanner
cmsWidgetName="VehicleBannerWidget"
:displayGenericVehicleImage="false" />
<siteSubHeader <siteSubHeader
class="mb-5 mt-4 px-3" class="mb-5 mt-4 px-3"
cmsWidgetName="SiteSubHeaderWidget" cmsWidgetName="SiteSubHeaderWidget"
subTextClasses="text-center" subTextClasses="text-center"
subHeaderClasses="mt-2" /> subHeaderClasses="mt-4" />
<div class="main-content-container"> <div class="main-content-container">
<hr class="my-0" /> <hr class="my-0" />
<reviewDropdown ref="reviewDropdown" /> <reviewDropdown ref="reviewDropdown" />
@ -305,10 +300,18 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
$page-side-padding: 1.5rem; $page-side-padding: 1.5rem;
.iss-heritage-container-width {
.payment-method-container {
position: relative;
min-height: 1px;
padding-left: .9375rem;
padding-right: .9375rem;
}
}
.main-content-container { .main-content-container {
padding: 0; padding: 0;
} }
.page-container-grouped-styles { .page-container-grouped-styles {
overflow: auto; overflow: auto;

25
src/layouts/payment-page/payment-page.vue
View file

@ -1,13 +1,11 @@
<template> <template>
<Form> <Form>
<div class="container-fluid fade-on-route-transition"> <div class="fade-on-route-transition">
<div class="row justify-content-center"> <div class="justify-content-center">
<div class="col-md-6 px-0 px-md-2"> <siteHeader cmsWidgetName="SiteHeaderWidget" />
<siteHeader cmsWidgetName="SiteHeaderWidget" />
</div>
</div> </div>
<div class="row justify-content-center"> <div class="iss-heritage-container-width">
<div class="col-md-6 col-xl-4"> <div class="payment-page-container iss-heritage-content-container-width">
<alert <alert
v-if="displayPayInAdvanceCreditCardAlert" v-if="displayPayInAdvanceCreditCardAlert"
name="payInAdvanceCreditCardErrorAlert" name="payInAdvanceCreditCardErrorAlert"
@ -787,12 +785,19 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.container-fluid { .iss-heritage-container-width {
&.fade-on-route-transition { .payment-page-container {
height: unset; position: relative;
min-height: 1px;
padding-left: .9375rem;
padding-right: .9375rem;
} }
} }
.fade-on-route-transition {
height: unset;
}
.payment p { .payment p {
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }