Format code. Hide menu modal.

This commit is contained in:
Bryan Mauger 2025-04-07 09:31:36 -04:00
parent 375d2dd148
commit 3be58faead
4 changed files with 37 additions and 45 deletions

View file

@ -5,7 +5,7 @@
<component :is="Component" ref="component" @focusin="handleAnyComponentFocus" />
</transition>
</router-view>
<funnelFooter/>
<funnelFooter />
<loadingModal :showLoader="shouldShowLoader" :showTextCarousel="shouldShowTextCarousel" />
</template>
@ -35,7 +35,6 @@ export default {
components: {
loadingModal,
funnelFooter,
},
};

View file

@ -3,57 +3,50 @@
<div class="container-fluid">
<div class="row">
<div class="col d-flex justify-content-center justify-content-md-start">
<img
class="skyline"
src="~@/assets/img/skyline-van.svg"
alt="" />
<img class="skyline" src="~@/assets/img/skyline-van.svg" alt="" />
</div>
<div class="col d-none d-md-flex justify-content-end align-items-end">
<img
class="neighborhood"
src="~@/assets/img/neighborhood.svg"
alt="" />
<img class="neighborhood" src="~@/assets/img/neighborhood.svg" alt="" />
</div>
</div>
</div>
<div class="footer-inner-wrapper">
<div class="footer-inner-wrapper">
<textLink
linkType="newWindowLink"
text="Terms of service"
href="//www.safelite.com/terms-of-service"
target="_blank" />
<textLink
linkType="newWindowLink"
text="Your privacy choices"
href="//www.safelite.com/privacy-center"
target="_blank">
<template v-slot:after-text>
<img
class="ccpa-icon"
src="~@/assets/img/icons/ccpa-icon.svg"
alt="Your privacy choices" />
</template>
</textLink>
<textLink
linkType="navigation"
text="Cookie preferences"
href="javascript:OneTrust.ToggleInfoDisplay();" />
<textLink
linkType="newWindowLink"
text="Warranty"
href="//www.safelite.com/national-lifetime-warranty"
target="_blank" />
<textLink
linkType="newWindowLink"
text="Notice at collection"
href="https://www.safelite.com/ccpa-privacy-policy"
target="_blank" />
linkType="newWindowLink"
text="Terms of service"
href="//www.safelite.com/terms-of-service"
target="_blank" />
<textLink
linkType="newWindowLink"
text="Your privacy choices"
href="//www.safelite.com/privacy-center"
target="_blank">
<template v-slot:after-text>
<img
class="ccpa-icon"
src="~@/assets/img/icons/ccpa-icon.svg"
alt="Your privacy choices" />
</template>
</textLink>
<textLink
linkType="navigation"
text="Cookie preferences"
href="javascript:OneTrust.ToggleInfoDisplay();" />
<textLink
linkType="newWindowLink"
text="Warranty"
href="//www.safelite.com/national-lifetime-warranty"
target="_blank" />
<textLink
linkType="newWindowLink"
text="Notice at collection"
href="https://www.safelite.com/ccpa-privacy-policy"
target="_blank" />
</div>
</div>
</template>
<script>
import textLink from "@/ux-components/text-link/text-link";
export default {

View file

@ -3,7 +3,7 @@
class="funnel-header d-flex justify-content-center align-items-center flex-column"
v-if="imageSrc">
<img class="logo-image img-fluid" :src="imageSrc" alt="Safelite logo" />
<menuModal/>
<!-- <menuModal /> Hide temporarily until re-implemented for use with progress bar. Edit display: none below as well. -->
</div>
<template v-for="globalAlert in globalAlertMessages" :key="globalAlert.id">
<transition name="fade" mode="out-in">
@ -89,7 +89,7 @@ export default {
<style lang="scss" scoped>
:deep(.menu-modal-container) {
display: none;
display: none;// This is temporary until the hamburger menu is re-implemented for use with the progress bar
}
.funnel-header {
position: relative;

View file

@ -9,7 +9,7 @@ body {
flex-direction: column;
min-height: 100dvh;
form {
>.container-fluid {
> .container-fluid {
margin-bottom: -1rem;
@media screen and (min-width: 1090px) {
margin-bottom: -5rem;