KevinMidboe/leifsopplevelser
1
0
Fork 0
mirror of https://github.com/KevinMidboe/leifsopplevelser.git synced 2025-10-29 09:40:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Header is now equiped to have a large background image and a slotted value is used to display the text from parent (home).

Browse Source
This commit is contained in:
Kevin
2019-04-16 00:11:26 +02:00
parent aecab1b1b5
commit 00e7d2e72b
1 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/Header.vue
View File

@@ -1,6 +1,7 @@
<template>
<header>
<div class="navigate-back">Tilbake</div>
<!-- <div class="navigate-back">Tilbake</div> -->
<h1><slot></slot></h1>
</header>
</template>
@@ -25,9 +26,22 @@ export default {
<style lang="scss" scoped>
header {
width: 100%;
height: 3.5rem;
background-color: NavajoWhite;
height: 490px;
background-color: #f5af52;
display: flex;
align-items: center;
justify-content: flex-end;
background-image: url('https://eu.blackdiamondequipment.com/on/demandware.static/-/Library-Sites-SharedLibrary/default/dwf668bbc0/images/heroes/S19_Wind-Shells_HP-Hero.jpg');
background-position: center;
h1 {
font-family: 'Maddac';
color: white;
text-transform: capitalize;
margin-right: 10%;
font-size: 3.5rem;
}
}
.navigate-back {