DigitalConsumer.ISS/src/common-components/site-header/site-header.vue
Kulbhushan Kaushik 3df7c33845 commit
2022-11-04 08:30:22 -04:00

37 lines
No EOL
870 B
Vue

<template>
<div class="site-header d-flex justify-content-center align-items-center flex-column">
<img id="siteHeaderImage" class="img-fluid" :src="imageSrc" :alt="altText" />
<menuModal/>
</div>
</template>
<script>
import menuModal from "@/common-components/site-header/menu-modal/menu-modal";
export default({
name: "siteHeader",
props: {
cmsWidgetName: String,
},
computed: {
imageSrc()
{
return this.getCmsContent(this.cmsWidgetName, "LogoImageURL")
},
altText()
{
return this.getCmsContent(this.cmsWidgetName, "AltText")
}
},
components: {
menuModal
},
})
</script>
<style lang="scss" scoped>
.site-header {
padding: 0.97rem 0;
}
</style>