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

CASH-1042 style updates for parity.

Browse source
This commit is contained in:
Bryan Mauger 2025-07-07 11:16:20 -04:00
parent fee18e744b
commit c6a998311a
3 changed files with 15 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/layouts/quote/quote.vue
View file

@ -2,7 +2,7 @@
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }"> <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
<loadingModal ref="loadingModal" /> <loadingModal ref="loadingModal" />
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
<div class="container"> <div class="container quote">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-md-6"> <div class="col-md-6">
<funnelSubHeader class="mb-5" cmsWidgetName="FunnelSubHeaderWidget" /> <funnelSubHeader class="mb-5" cmsWidgetName="FunnelSubHeaderWidget" />
@ -63,7 +63,7 @@
</div> </div>
</div> </div>
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-md-6 col-xl-4"> <div class="col-md-12 col-xl-10">
<contentGroupModal ref="RainDefenseModal" cmsWidgetName="RainDefenseModal" /> <contentGroupModal ref="RainDefenseModal" cmsWidgetName="RainDefenseModal" />
<contentGroupModal ref="FrontWiperModal" cmsWidgetName="FrontWiperModal" /> <contentGroupModal ref="FrontWiperModal" cmsWidgetName="FrontWiperModal" />
<contentGroupModal ref="RearWiperModal" cmsWidgetName="RearWiperModal" /> <contentGroupModal ref="RearWiperModal" cmsWidgetName="RearWiperModal" />
@ -896,6 +896,13 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.quote {
.nav-bar {
button {
width: 100%;
}
}
}
.quote-page.show-save-progress-popup .row.justify-content-center { .quote-page.show-save-progress-popup .row.justify-content-center {
display: none; display: none;

3
src/styles/shared-input-button-styles.scss
View file

@ -1,4 +1,3 @@
.base-input-button { .base-input-button {
&.rounded-pill { &.rounded-pill {
&:not(.has-error):hover { &:not(.has-error):hover {
@ -29,7 +28,7 @@
position: relative; position: relative;
z-index: 5; z-index: 5;
@include box-shadow-hover($blue-300); @include box-shadow-hover($blue-300);
border-radius: .5rem; border-radius: 0.5rem;
} }
} }
} }

8
src/ux-components/text-link/text-link.vue
View file

@ -64,10 +64,9 @@ export default {
<style lang="scss"> <style lang="scss">
a { a {
color: $blue; color: $blue;
text-underline-offset: 4px; //Per Devyn. This can't be documented in Figma so there is a comment with the Prototype mocks on the Quote page in Figma text-decoration: none;
line-height: 2; line-height: 2;
padding: 0 0 4px 0; padding: 0 0 4px 0;
font-weight: 500;
max-width: fit-content; max-width: fit-content;
&:hover { &:hover {
color: $blue-700; color: $blue-700;
@ -81,10 +80,13 @@ a {
&.navigation-link, &.navigation-link,
&.new-window-link { &.new-window-link {
font-size: 0.875rem; font-size: 0.875rem;
color: $black; color: $blue;
line-height: 26px; line-height: 26px;
white-space: nowrap; white-space: nowrap;
align-items: center; align-items: center;
font-family: UrbanistSemibold;
font-weight: 600;
text-decoration: none;
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
font-size: 1rem; font-size: 1rem;
} }