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

initial styling changes

Browse source
This commit is contained in:
Katie Kroell 2026-02-09 12:32:31 -05:00
parent 5667bbc90f
commit f85245f02d
2 changed files with 31 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/iss-components/site-sub-header/site-sub-header.vue
View file

@ -169,8 +169,8 @@ p {
color: $darker-gray; color: $darker-gray;
} }
&.service-packages-subtext { &.service-packages-subtext {
font-weight: 500; font-weight: 400;
line-height: 24px; line-height: 26px;
span { span {
font-size: 1rem; font-size: 1rem;
} }

49
src/layouts/service-packages/service-packages.vue
View file

@ -11,9 +11,8 @@
<div class="iss-heritage-container-width"> <div class="iss-heritage-container-width">
<div class="service-packages-container iss-heritage-content-container-width"> <div class="service-packages-container iss-heritage-content-container-width">
<siteSubHeader <siteSubHeader
class="mt-4" class="subheader mt-4"
subHeaderClasses="mt-5" justification="center"
justification="left"
cmsWidgetName="SiteSubHeaderWidget" cmsWidgetName="SiteSubHeaderWidget"
issContainingPage="service-packages" /> issContainingPage="service-packages" />
<servicePackageQuestion <servicePackageQuestion
@ -25,14 +24,20 @@
isRequired isRequired
@vapsItemsSelected="vapsItemsSelectedAction" @vapsItemsSelected="vapsItemsSelectedAction"
@link-event="openModalAction" /> @link-event="openModalAction" />
<p <buttonMain
class="caption disclaimer" ref="buttonMain"
v-html="PriceDisclaimerText"></p> class="w-100"
variant="navigation"
:buttonText="'Continue'"
@clickEvent="forwardButtonAction" />
<siteFooter <siteFooter
cmsWidgetName="SiteFooterWidget" cmsWidgetName="SiteFooterWidget"
:isForwardActionDisabled="!meta.valid" :isForwardActionDisabled="!meta.valid"
@backClicked="navigateBack" :isForwardButtonHidden="true"
@ForwardClicked="forwardButtonAction" /> @backClicked="navigateBack" />
<p
class="caption disclaimer"
v-html="PriceDisclaimerText"></p>
</div> </div>
</div> </div>
<loadingModal <loadingModal
@ -72,6 +77,7 @@ import globalRules from '@/constants/global-rules';
import servicePackageQuestion from '@/layouts/service-packages/service-package-question/service-package-question.vue'; import servicePackageQuestion from '@/layouts/service-packages/service-package-question/service-package-question.vue';
import issPageValues from '@/router/router-constants/issPage-values'; import issPageValues from '@/router/router-constants/issPage-values';
import bailoutMessage from '@/constants/bailoutMessage'; import bailoutMessage from '@/constants/bailoutMessage';
import buttonMain from '@/ux-components/button-main/button-main.vue';
const store = useMainStore(); const store = useMainStore();
@ -85,7 +91,8 @@ export default {
Form, Form,
servicePackageQuestion, servicePackageQuestion,
loadingModal, loadingModal,
contentGroupModal contentGroupModal,
buttonMain
}, },
mixins: [baseFormMixin], mixins: [baseFormMixin],
async beforeRouteEnter(to, from, next) { async beforeRouteEnter(to, from, next) {
@ -214,25 +221,27 @@ export default {
min-height: 1px; min-height: 1px;
padding-left: .9375rem; padding-left: .9375rem;
padding-right: .9375rem; padding-right: .9375rem;
display: block;
:deep(.subheader-primary) {
display: block;
}
:deep(.subheader-secondary) {
display: block;
text-align: center;
margin-top: 0.75rem;
padding: 0px;
}
} }
} }
.subheader-secondary {
margin-top: 0.5rem;
padding: 0px;
}
.disclaimer { .disclaimer {
margin: 0.5rem 0 1.5rem 0; margin: 0.5rem 0 1.5rem 0;
:deep(.external-text) {
a { text-decoration: none;
color: #4d5151;
font-weight: 400;
} }
} }
.service-packages { .service-packages {
:deep(strong) { :deep(strong) {
font-weight: $font-weight-bold; font-weight: 400;
} }
} }