Merge branch 'master' of github.com:KevinMidboe/vinlottis

src/Vinlottis.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div class="app-container">
     <banner />
     <router-view />
   </div>
@@ -45,7 +45,7 @@ body {
 </style>
 
 <style scoped>
-.container {
+.app-container {
   background-color: white;
   min-height: 100vh;
 }

src/components/GeneratePage.vue

@@ -53,7 +53,7 @@
       ></div>
     </div>
 
-    <Vipps class="vipps" />
+    <Vipps class="vipps" :amount="numberOfBallots" />
     <Countdown :hardEnable="hardStart" @countdown="changeEnabled" />
   </div>
 </template>

src/ui/Vipps.vue

@@ -3,7 +3,7 @@
       <img src="/public/assets/images/vipps-logo.svg" class="vipps-logo" />
       <span>
         kr.
-        <span class="big-money">10,-</span> pr. lodd
+        <span class="big-money">{{ amount * 10 }},-</span> pr. lodd
       </span>
       <img src="/public/assets/images/vipps-qr.png" class="qr-logo" />
       <span class="phone-number">977 40 427</span>
@@ -14,9 +14,12 @@
 
 <script>
 export default {
+  props: {
+    amount: Number
+  },
   methods: {
     openVipps: () => {
-      window.location.assign('https://qr.vipps.no/28/2/01/031/4797740427?v=1')
+      window.location.assign('https://qr.vipps.no/28/2/01/031/4797740427?v=1&m=Vinlotteri🍾&a=' + 100 * amount)
     }
   }
 }