seepur/resources/scripts/applications/home/components/ProfileHeader.vue
2020-04-12 10:25:42 -04:00

23 lines
545 B
Vue

<template>
<section class="hero is-small p-t-xl p-b-lg" :style="style">
<div class="hero-body">
<div class="container">
<h1 class="title has-text-light">{{title}}</h1>
</div>
</div>
</section>
</template>
<script lang="ts">
export default {
name: "ProfileHeader",
props: ["title", "background"],
computed: {
style() {
return `background-image: url('${this.background ||
"/images/landing-hero01.jpg"}');
background-size: cover;
background-position: center;`;
}
}
};
</script>