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

centering

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2020-01-21 10:13:50 +01:00
parent 18ff1b41fb
commit 88c79e7052
2 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/index.html
View File

@@ -2,12 +2,12 @@
<html>
<head>
<title>Vinlottis</title>
<link href=/dist/css/vinlottis.9c7b01a.css rel=stylesheet></head>
<link href=/dist/css/vinlottis.b60e77d.css rel=stylesheet></head>
<body>
<div id=app></div>
<script src=/dist/js/vinlottis.bundle.9c7b01a.js></script>
<script src=/dist/js/vinlottis.bundle.b60e77d.js></script>
<script type=text/javascript src=/dist/js/vinlottis.bundle.9c7b01a.js></script></body>
<script type=text/javascript src=/dist/js/vinlottis.bundle.b60e77d.js></script></body>
</html>

17
src/ui/TotalBought.vue
View File

@@ -1,34 +1,34 @@
<template>
<div class="bought-container">
<div class="red-container">
<div class="red-container inner-bought-container">
<div>
<span class="red">{{ red.total }}</span> kjøpt
</div>
<div>{{ red.win }} vinn</div>
<div>{{ redPercentage }}% vinn</div>
</div>
<div class="blue-container">
<div class="blue-container inner-bought-container">
<div>
<span class="blue">{{ blue.total }}</span> kjøpt
</div>
<div>{{ blue.win }} vinn</div>
<div>{{ bluePercentage }}% vinn</div>
</div>
<div class="yellow-container">
<div class="yellow-container inner-bought-container">
<div>
<span class="yellow">{{ yellow.total }}</span> kjøpt
</div>
<div>{{ yellow.win }} vinn</div>
<div>{{ yellowPercentage }}% vinn</div>
</div>
<div class="green-container">
<div class="green-container inner-bought-container">
<div>
<span class="green">{{ green.total }}</span> kjøpt
</div>
<div>{{ green.win }} vinn</div>
<div>{{ greenPercentage }}% vinn</div>
</div>
<div class="total-container">
<div class="total-container inner-bought-container">
<div>
totalt&nbsp;
<span class="total">{{ total }}</span> kjøpt
@@ -87,6 +87,13 @@ export default {
</script>
<style lang="scss" scoped>
.inner-bought-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.bought-container {
display: flex;
flex-direction: row;