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