Finished styling

This commit is contained in:
scottkiener-at-safelite 2026-01-14 10:39:21 -05:00
parent 155ba5b1df
commit cecb1f537a

View file

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