KevinMidboe/vinlottis
1
0
Fork 0
Code Issues 8 Pull Requests 14 Packages Projects Releases Wiki Activity

Moved banner to a separate component.

Browse Source
This commit is contained in:
Kevin
2020-01-22 10:54:56 +01:00
parent 1b110e5f5a
commit 05888ef82b
3 changed files with 27 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/GeneratePage.vue
View File

@@ -1,8 +1,6 @@
<template> <template>
<div class="container"> <div class="container">
<router-link to="/" class="header-link"> <banner />
<h1 class="top-banner">knowit</h1>
</router-link>
<h1>Loddgenerator</h1> <h1>Loddgenerator</h1>
<p>Velg hvilke farger du vil ha, fyll inn antall lodd og klikk 'generer'</p> <p>Velg hvilke farger du vil ha, fyll inn antall lodd og klikk 'generer'</p>
<div class="input-line"> <div class="input-line">
@@ -34,7 +32,12 @@
</template> </template>
<script> <script>
import Banner from "@/ui/Banner";
export default { export default {
components: {
Banner
},
data() { data() {
return { return {
numberOfBallots: 0, numberOfBallots: 0,

12
src/components/VinlottisPage.vue
View File

@@ -1,8 +1,6 @@
<template> <template>
<div class="outer"> <div class="outer">
<h1 class="top-banner"> <banner />
<img src="/public/assets/images/knowit.svg" />
</h1>
<div class="container"> <div class="container">
<h1>Vinlotteri</h1> <h1>Vinlotteri</h1>
<router-link to="generate" class="generate-link"> <router-link to="generate" class="generate-link">
@@ -28,6 +26,7 @@ import PurchaseGraph from "@/ui/PurchaseGraph";
import TotalBought from "@/ui/TotalBought"; import TotalBought from "@/ui/TotalBought";
import Highscore from "@/ui/Highscore"; import Highscore from "@/ui/Highscore";
import WinGraph from "@/ui/WinGraph"; import WinGraph from "@/ui/WinGraph";
import Banner from "@/ui/Banner";
import Wines from "@/ui/Wines"; import Wines from "@/ui/Wines";
export default { export default {
@@ -36,6 +35,7 @@ export default {
TotalBought, TotalBought,
Highscore, Highscore,
WinGraph, WinGraph,
Banner,
Wines Wines
} }
}; };
@@ -74,12 +74,6 @@ h1 {
font-weight: 300; font-weight: 300;
} }
.top-banner {
margin-top: 0px;
padding: 20px 0;
background-color: #dbeede;
box-shadow: 0 0 10px 0px #0000003a;
}
.generate-link { .generate-link {
color: #333333; color: #333333;

18
src/ui/Banner.vue Normal file
View File

@@ -0,0 +1,18 @@
<template>
<router-link to="/">
<div class="top-banner">
<img src="/public/assets/images/knowit.svg" />
</div>
</router-link>
</template>
<style>
.top-banner {
text-align: center;
width: 100vw;
margin-top: 0px;
padding: 20px 0;
background-color: #dbeede;
box-shadow: 0 0 10px 0px #0000003a;
}
</style>