tracker#309

This commit is contained in:
rakesh 2023-07-10 11:56:01 +05:30
parent 46fcd6d3a5
commit aa5d1dfee7
3 changed files with 21 additions and 30 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,7 @@
.footer-background-color{ .footer-background-color{
background-color: #fbfbf5 !important; background-color: #fbfbf5 !important;
border-top: 4px solid #91abc3; border-top: 3px solid #91abc3;
border-bottom: 4px solid #91abc3; border-bottom: 3px solid #91abc3;
margin-top: 220px !important; margin-top: 220px !important;
} }
.text-decoration-none:hover{ .text-decoration-none:hover{

View File

@ -1,23 +1,9 @@
<template> <template>
<v-footer padless > <v-footer padless class="footer-background-color">
<v-row> <v-container class="text-center">
<v-col <div v-html="retailerPage && retailerPage.content"></div>
class="footer-background-color" </v-container>
cols="12"
md="12"
sm="12"
lg="12"
xl="12"
>
<v-container class="text-center">
<div class="pt-2 " v-html="customerService"></div>
<div class="pt-2" v-html="stayInTouch"></div>
<div class="pt-2" v-html="copyrightString"></div>
</v-container>
</v-col>
</v-row>
</v-footer> </v-footer>
</template> </template>
@ -25,14 +11,19 @@
<script> <script>
export default { export default {
name: "FooterComponent", name: "FooterComponent",
data() { computed: {
return { retailerPage: function () {
customerService: let data = null;
"<div class='fontsize-16 title-color-black whyte-book-font' >Retail Customer Service <a href='tel:1-877-478-4849' class=' fontsize-16 text-decoration-none title-color-black whyte-book-font'> 1-877-478-4849 </a></div>", let blockContent = this.$store.state.layout.cmsBlockContent;
stayInTouch: if (blockContent.length) {
" <a href='mailto:retailerportal@crane.com' class=' fontsize-16 text-decoration-none title-color-black whyte-book-font'> FEEDBACK OR QUESTIONS? </a> ", data = blockContent.filter((element) => {
copyrightString: "<div class='fontsize-16 title-color-black whyte-book-font' >© 2021 Crane Stationery</div>", return element.identifier === "retailer-footer-block";
}; })[0];
}
return data;
},
}, },
}; };
</script> </script>