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> <template>
<header> <header>
<div class="navigate-back">Tilbake</div> <!-- <div class="navigate-back">Tilbake</div> -->
<h1><slot></slot></h1>
</header> </header>
</template> </template>
@@ -25,9 +26,22 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
header { header {
width: 100%; height: 490px;
height: 3.5rem; background-color: #f5af52;
background-color: NavajoWhite; 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 { .navigate-back {