WIP format updates.

This commit is contained in:
Bryan Mauger 2024-12-12 17:07:03 -05:00
parent 4aace86c80
commit 213fa434cc
2 changed files with 13 additions and 12 deletions

View file

@ -14,6 +14,7 @@
<hr class="my-0" /> <hr class="my-0" />
<reviewDropdown <reviewDropdown
class="appt-details-snapshot"
ref="reviewDropdown" ref="reviewDropdown"
:apptWordingText="AppointmentWordingText" /> :apptWordingText="AppointmentWordingText" />
@ -620,7 +621,7 @@ export default {
: this.$store.getters.order.serviceLocation?.appointmentType; : this.$store.getters.order.serviceLocation?.appointmentType;
}, },
ServiceLocationFullAddressText() { ServiceLocationFullAddressText() {
return `${this.ServiceLocationAddress}${this.ServiceLocationAddress2 ? ", " + this.ServiceLocationAddress2 : ""}, ${this.ServiceLocationCity}, ${this.ServiceLocationState} ${this.ServiceLocationZipCode}`; return `${this.ServiceLocationAddress.toLowerCase()}${this.ServiceLocationAddress2 ? ", " + this.ServiceLocationAddress2 : ""}, ${this.ServiceLocationCity.toLowerCase()}, ${this.ServiceLocationState} ${this.ServiceLocationZipCode}`;
}, },
ServiceLocationFullAddress() { ServiceLocationFullAddress() {
if (this.AppointmentType === "Mobile") { if (this.AppointmentType === "Mobile") {
@ -853,6 +854,17 @@ export default {
<style></style> <style></style>
<style lang="scss" scoped> <style lang="scss" scoped>
.appt-details-snapshot {
:deep(p) {
margin: 0.75rem 0 1rem 0;
font-size: .875rem;
padding: 0;
text-transform: capitalize;
span {
text-transform: lowercase;
}
}
}
.checkbox-group { .checkbox-group {
align-items: start; align-items: start;
> * { > * {

View file

@ -63,7 +63,6 @@ import servicePackageReview from "@/layouts/payment-method/review-dropdown/revie
import vehicleReview from "@/layouts/payment-method/review-dropdown/review-sections/vehicle-review/vehicle-review"; import vehicleReview from "@/layouts/payment-method/review-dropdown/review-sections/vehicle-review/vehicle-review";
import { settleAllPromises } from "@/helpers/layout-helper"; import { settleAllPromises } from "@/helpers/layout-helper";
import apptDetailsSnapshot from "@/layouts/payment-method/review-dropdown/appt-details-snapshot/appt-details-snapshot.vue";
export default { export default {
name: "review-dropdown", name: "review-dropdown",
@ -128,16 +127,6 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.appt-details-snapshot {
white-space: nowrap;
margin: 0.75rem 0 1rem 0;
div {
padding: 0;
text-transform: capitalize;
white-space: nowrap;
}
}
.dark-header { .dark-header {
color: $black; color: $black;
line-height: 1.6; line-height: 1.6;