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

Merge pull request #1349 from Safelite/CSR-1592-desktop-adjustments

Browse source 
CSR-1592 desktop adjustments
This commit is contained in:
bmauger 2023-09-20 13:20:09 -04:00 committed by GitHub
commit fc40f34a31
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 43 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/fmg-components/funnel-header/menu-modal/menu-modal.vue
View file

@ -158,7 +158,6 @@ export default {
} }
.modal { .modal {
&.menu-modal { &.menu-modal {
max-width: 576px;
left: auto; left: auto;
height: calc(100% - 72px); height: calc(100% - 72px);
top: 72px; top: 72px;
@ -175,7 +174,6 @@ export default {
} }
.modal-fullscreen { .modal-fullscreen {
width: 100vw; width: 100vw;
max-width: 576px;
} }
.navigation-link { .navigation-link {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
@ -188,7 +186,7 @@ export default {
position: absolute; position: absolute;
padding: 1.47rem 1rem 1.47rem 1.47rem; padding: 1.47rem 1rem 1.47rem 1.47rem;
right: 0; right: 0;
top: -4.5rem; top: -5rem;
button { button {
border: none; border: none;
&.menu-button { &.menu-button {

16
src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue
View file

@ -1,8 +1,17 @@
<template> <template>
<div :class="`page-container-grouped-styles questions-page`"> <div :class="`questions-page`">
<loadingModal ref="loadingModal" /> <loadingModal ref="loadingModal" />
<div class="container-fluid">
<div class="row">
<div class="col">
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
<vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="false" /> </div>
</div>
<div class="row justify-content-md-center">
<div class="col-md-6 col-xl-4">
<vehicleBanner
cmsWidgetName="VehicleBannerWidget"
:displayGenericVehicleImage="false" />
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" /> <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
<div class="fade-on-route-transition sub-container make-tall"> <div class="fade-on-route-transition sub-container make-tall">
<alert <alert
@ -31,6 +40,9 @@
@ForwardClicked="handleForwardButtonAction" /> @ForwardClicked="handleForwardButtonAction" />
</div> </div>
</div> </div>
</div>
</div>
</div>
</template> </template>
<script> <script>

1
src/fmg-components/nav-bar/nav-bar.vue
View file

@ -93,6 +93,7 @@ export default {
.nav-bar { .nav-bar {
overflow: visible; overflow: visible;
display: flex; display: flex;
padding: 0;
a { a {
display: flex; display: flex;
justify-content: center; justify-content: center;

1
src/styles/common-styles.scss
View file

@ -6,6 +6,7 @@ body {
color: #4d5151; color: #4d5151;
.container-fluid { .container-fluid {
max-width: 1400px; max-width: 1400px;
padding: 0 1.5rem;
.prevent-squish { .prevent-squish {
overflow-x: unset; overflow-x: unset;
} }