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> <html>
<head> <head>
<title>Vinlottis</title> <title>Vinlottis</title>
<link href=/dist/css/vinlottis.9c7b01a.css rel=stylesheet></head> <link href=/dist/css/vinlottis.b60e77d.css rel=stylesheet></head>
<body> <body>
<div id=app></div> <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> </html>

17
src/ui/TotalBought.vue
View File

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