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

SSR-201 changes.

Browse source
This commit is contained in:
Kulbhushan Kaushik 2023-01-11 12:22:26 -05:00
parent 5d0a82f982
commit cf5aa91975
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/common-components/site-footer/site-footer.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="row" :style="`padding-bottom: ${paddingHeight}px`">
</div>
<div class="row">
<div class="footerImage" id="imgCity" v-if="footerImageURL" >
<img id="siteFooterImage" :src="footerImageURL" />
</div>
<footer class="footer container-fluid fixed-bottom g-5 bg-light py-4" id="infoBox">
@ -37,6 +37,7 @@
<script>
import textLink from "@/ux-components/text-link/text-link";
import buttonMain from "@/ux-components/button-main/button-main";
import { queryStrings } from "@/constants/query-strings";
export default {
name: "siteFooter",
@ -57,7 +58,7 @@ export default {
};
},
mounted() {
this.paddingHeight = this.getFooterInfoBoxHeight() + 24;
this.paddingHeight = queryStrings.ISS_PAGE == "welcome-page" ? this.getFooterInfoBoxHeight() + 89 : this.getFooterInfoBoxHeight() + 24;
this.$nextTick(() => {
window.addEventListener("resize", this.onResize);
});
@ -140,4 +141,11 @@ export default {
overflow-x: visible; // needed to fix hidden footer on some iphones
}
}
.footerImage
{
text-align: center;
position: sticky;
bottom: 72px;
width: 100%;
}
</style>