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

number-placements

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2020-01-22 13:41:48 +01:00
parent 5596affe91
commit 6b34516d0e
1 changed files with 41 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/ui/TotalBought.vue
View File

@@ -1,32 +1,44 @@
<template> <template>
<div class="bought-container"> <div class="bought-container">
<div class="red-container inner-bought-container"> <div class="red-container inner-bought-container">
<div> <div class="number-container">
<span class="red">{{ red.total }}</span> kjøpt <span class="red bought-number-span">{{ red.total }}</span>
<div class="inner-text-container">
<span> kjøpte</span>
<div>{{ red.win }} vinn</div>
<div>{{ redPercentage }}% vinn</div>
</div>
</div> </div>
<div>{{ red.win }} vinn</div>
<div>{{ redPercentage }}% vinn</div>
</div> </div>
<div class="blue-container inner-bought-container"> <div class="blue-container inner-bought-container">
<div> <div class="number-container">
<span class="blue">{{ blue.total }}</span> kjøpt <span class="blue bought-number-span">{{ blue.total }}</span>
<div class="inner-text-container">
<span> kjøpte</span>
<div>{{ blue.win }} vinn</div>
<div>{{ bluePercentage }}% vinn</div>
</div>
</div> </div>
<div>{{ blue.win }} vinn</div>
<div>{{ bluePercentage }}% vinn</div>
</div> </div>
<div class="yellow-container inner-bought-container"> <div class="yellow-container inner-bought-container">
<div> <div class="number-container">
<span class="yellow">{{ yellow.total }}</span> kjøpt <span class="yellow bought-number-span">{{ yellow.total }}</span>
<div class="inner-text-container">
<span> kjøpte</span>
<div>{{ yellow.win }} vinn</div>
<div>{{ yellowPercentage }}% vinn</div>
</div>
</div> </div>
<div>{{ yellow.win }} vinn</div>
<div>{{ yellowPercentage }}% vinn</div>
</div> </div>
<div class="green-container inner-bought-container"> <div class="green-container inner-bought-container">
<div> <div class="number-container">
<span class="green">{{ green.total }}</span> kjøpt <span class="green bought-number-span">{{ green.total }}</span>
<div class="inner-text-container">
<span> kjøpte</span>
<div>{{ green.win }} vinn</div>
<div>{{ greenPercentage }}% vinn</div>
</div>
</div> </div>
<div>{{ green.win }} vinn</div>
<div>{{ greenPercentage }}% vinn</div>
</div> </div>
<!--<div class="total-container inner-bought-container"> <!--<div class="total-container inner-bought-container">
<div> <div>
@@ -94,6 +106,19 @@ export default {
align-items: center; align-items: center;
} }
.number-container {
display: flex;
}
.inner-text-container {
margin-top: 0.8rem;
padding-left: 5px;
}
.bought-number-span {
display: inline-flex;
}
.bought-container { .bought-container {
display: flex; display: flex;
flex-direction: row; flex-direction: row;