footer stays at bottom, link to pages for buttons in header
This commit is contained in:
@@ -108,5 +108,7 @@ body {
|
|||||||
.app-container {
|
.app-container {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
|
display: grid;
|
||||||
|
grid-template-rows: 80px auto 100px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -2,19 +2,19 @@
|
|||||||
<div class="main-container">
|
<div class="main-container">
|
||||||
|
|
||||||
<section class="top-container">
|
<section class="top-container">
|
||||||
|
|
||||||
<h1 class="want-to-win">
|
<h1 class="want-to-win">
|
||||||
Vil du også vinne?
|
Vil du også vinne?
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<a href="#" class="participate-button">
|
<router-link to="/lottery/game" class="participate-button">
|
||||||
<i class="icon icon--arrow-right"></i>
|
<i class="icon icon--arrow-right"></i>
|
||||||
<p>Trykk her for å delta</p>
|
<p>Trykk her for å delta</p>
|
||||||
</a>
|
</router-link>
|
||||||
|
|
||||||
<a href="#" class="see-details-link">
|
<router-link to="/lottery/generate" class="see-details-link">
|
||||||
Se vipps detaljer og QR-kode
|
Se vipps detaljer og QR-kode
|
||||||
</a>
|
</router-link>
|
||||||
|
|
||||||
<div class="icons-container">
|
<div class="icons-container">
|
||||||
<i class="icon icon--heart-sparks"></i>
|
<i class="icon icon--heart-sparks"></i>
|
||||||
|
|||||||
Reference in New Issue
Block a user