maciejpedzich/racemash
1
0
Fork 0
mirror of https://github.com/maciejpedzich/racemash.git synced 2024-09-19 19:06:20 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add padding to the progress bar

Browse Source
This commit is contained in:
Maciej Pędzich 2023-07-02 16:29:45 +02:00
parent 29df3f9216
commit ca2d5bac8a
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/Vote.vue
View File

@ -64,15 +64,18 @@ watch(userReachedTriviaMilestone, (valueIsTrue) => {
Which photo do you like more? Click one of three buttons below to Which photo do you like more? Click one of three buttons below to
choose. choose.
</p> </p>
<v-progress-linear <div class="w-100 px-4">
color="primary" <v-progress-linear
height="20" class="px-6"
:model-value="completionPercentage" color="primary"
> height="20"
<template v-slot:default="{ value }"> :model-value="completionPercentage"
<strong>{{ value.toFixed(2) }}%</strong> >
</template> <template v-slot:default="{ value }">
</v-progress-linear> <strong>{{ value.toFixed(2) }}%</strong>
</template>
</v-progress-linear>
</div>
<div <div
class="py-lg-6 py-3 d-flex flex-lg-row flex-lg-row flex-column align-center" class="py-lg-6 py-3 d-flex flex-lg-row flex-lg-row flex-column align-center"
> >