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

Finished styling

Browse source
This commit is contained in:
scottkiener-at-safelite 2026-01-14 10:39:21 -05:00
parent 155ba5b1df
commit cecb1f537a
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/layouts/provider-preference/provider-preference.vue
View file

@ -16,22 +16,26 @@
cmsWidgetName="SiteSubHeader" cmsWidgetName="SiteSubHeader"
class="mb-0 mt-4 text-center" /> class="mb-0 mt-4 text-center" />
<div <div
class="mt-4 mb-5"
v-html="scheduleWithSafeliteText"></div> v-html="scheduleWithSafeliteText"></div>
<buttonMain <buttonMain
ref="buttonMain" ref="buttonMain"
class="full-width-button"
variant="navigation" variant="navigation"
buttonText="Schedule now" buttonText="Schedule now"
@clickEvent="forwardButtonAction(options.SAFELITE)" /> @clickEvent="forwardButtonAction(options.SAFELITE)" />
<div <div
class="mt-5 mb-5"
v-html="scheduleWithOtherText"></div> v-html="scheduleWithOtherText"></div>
<textLink <textLink
class="underlined-text"
linkType="navigation" linkType="navigation"
text="Find another shop" text="Find another shop"
href="#" href="#"
@clickEvent="forwardButtonAction(options.TPA)" /> @clickEvent="forwardButtonAction(options.TPA)" />
<siteFooter <siteFooter
:ref="componentRefs.SITE_FOOTER_REF_NAME" :ref="componentRefs.SITE_FOOTER_REF_NAME"
class="mt-5" class="mt-6"
cmsWidgetName="SiteFooterWidget" cmsWidgetName="SiteFooterWidget"
:isForwardButtonHidden="true" :isForwardButtonHidden="true"
@backClicked="navigateBack" /> @backClicked="navigateBack" />
@ -213,6 +217,12 @@ export default {
#sub-header span { #sub-header span {
color: $black; color: $black;
} }
.full-width-button {
width: 100%;
}
.underlined-text {
text-decoration: underline;
}
:deep(.safeliteLogo) { :deep(.safeliteLogo) {
background-image: url(~@/assets/img/icons/logo.svg); background-image: url(~@/assets/img/icons/logo.svg);
background-repeat: no-repeat; background-repeat: no-repeat;