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

Recal - Verified - Deductible | Text styling

Browse source 
Including cost styling for
This commit is contained in:
scottkiener-at-safelite 2026-01-15 11:49:17 -05:00
parent 41052ab241
commit 947d56c47b
1 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/layouts/coverage-statement/coverage-statement.vue
View file

@ -27,7 +27,7 @@
v-html="secondaryText"></div> v-html="secondaryText"></div>
<div <div
v-if="isDeductibleVisible" v-if="isDeductibleVisible"
class="d-flex justify-content-center cost"> class="d-flex cost">
{{ formatAmountInDollars(deductibleValue) }} {{ formatAmountInDollars(deductibleValue) }}
</div> </div>
<div <div
@ -226,6 +226,11 @@ export default {
}, },
computed: { computed: {
coverageStatementSubHeader() { coverageStatementSubHeader() {
console.log('coverageStatementSubHeader', this.widget.subheader);
console.log('getTextFromCmsWithCustomIfStatements', this.getTextFromCmsWithCustomIfStatements(
this.widget.subheader,
widgetFields.SUB_HEADER_WIDGET.SUB_HEADER_TEXT
));
return this.getTextFromCmsWithCustomIfStatements( return this.getTextFromCmsWithCustomIfStatements(
this.widget.subheader, this.widget.subheader,
widgetFields.SUB_HEADER_WIDGET.SUB_HEADER_TEXT widgetFields.SUB_HEADER_WIDGET.SUB_HEADER_TEXT
@ -509,9 +514,11 @@ export default {
.coverage-statement { .coverage-statement {
.cost { .cost {
color: $green; color: $green;
font-size: 2rem; font-size: 1.675rem;
font-weight: $font-weight-light; font-weight: $font-weight-bold;
line-height: 2.75rem; line-height: 2.5rem;
border-bottom: 4px solid #0c7e47;
width: fit-content;
} }
.deductible-text { .deductible-text {
line-height: 1.5rem; line-height: 1.5rem;
@ -524,7 +531,6 @@ export default {
padding-left: 1.125rem; padding-left: 1.125rem;
padding-right: 1.125rem; padding-right: 1.125rem;
line-height: 1.5rem; line-height: 1.5rem;
font-size: .875rem;
li { li {
margin-bottom: .5rem; margin-bottom: .5rem;
@ -532,14 +538,12 @@ export default {
} }
:deep(p) { :deep(p) {
line-height: 1.5rem; line-height: 1.5rem;
font-size: 0.875rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
strong { strong {
color: $black; color: $black;
} }
} }
:deep(.body-text) { :deep(.body-text) {
font-size: 0.875rem;
line-height: 1.5rem; line-height: 1.5rem;
} }
:deep(.question-text) { :deep(.question-text) {