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

keys on v-for and layout on icons in top info

Browse Source
This commit is contained in:
Adrian Thompson
2020-10-21 13:20:57 +02:00
parent 7cf9e41b6f
commit 315af4d50e
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/PersonalHighscorePage.vue
View File

@@ -14,14 +14,14 @@
<h4 class="margin-bottom-0">Vinnende farger:</h4> <h4 class="margin-bottom-0">Vinnende farger:</h4>
<div class="raffle-container el-spacing"> <div class="raffle-container el-spacing">
<div class="raffle-element" :class="color + `-raffle`" v-for="[color, occurences] in Object.entries(winningColors)"> <div class="raffle-element" :class="color + `-raffle`" v-for="[color, occurences] in Object.entries(winningColors)" :key="color">
{{ occurences }} {{ occurences }}
</div> </div>
</div> </div>
<h4 class="el-spacing">Flasker vunnet:</h4> <h4 class="el-spacing">Flasker vunnet:</h4>
<div v-for="win in winner.highscore"> <div v-for="win in winner.highscore" :key="win">
<router-link :to="winDateUrl(win.date)" class="days-ago"> <router-link :to="winDateUrl(win.date)" class="days-ago">
{{ humanReadableDate(win.date) }} - {{ daysAgo(win.date) }} dager siden {{ humanReadableDate(win.date) }} - {{ daysAgo(win.date) }} dager siden
</router-link> </router-link>

2
src/components/VinlottisPage.vue
View File

@@ -237,7 +237,7 @@ export default {
} }
@include widescreen { @include widescreen {
grid-column: 6 / -6; grid-column: 6 / 10;
} }
width: 100%; width: 100%;