mirror of
https://github.com/maciejpedzich/racemash.git
synced 2024-11-27 16:15:47 +01:00
Add padding to the progress bar
This commit is contained in:
parent
29df3f9216
commit
ca2d5bac8a
@ -64,15 +64,18 @@ watch(userReachedTriviaMilestone, (valueIsTrue) => {
|
||||
Which photo do you like more? Click one of three buttons below to
|
||||
choose.
|
||||
</p>
|
||||
<v-progress-linear
|
||||
color="primary"
|
||||
height="20"
|
||||
:model-value="completionPercentage"
|
||||
>
|
||||
<template v-slot:default="{ value }">
|
||||
<strong>{{ value.toFixed(2) }}%</strong>
|
||||
</template>
|
||||
</v-progress-linear>
|
||||
<div class="w-100 px-4">
|
||||
<v-progress-linear
|
||||
class="px-6"
|
||||
color="primary"
|
||||
height="20"
|
||||
:model-value="completionPercentage"
|
||||
>
|
||||
<template v-slot:default="{ value }">
|
||||
<strong>{{ value.toFixed(2) }}%</strong>
|
||||
</template>
|
||||
</v-progress-linear>
|
||||
</div>
|
||||
<div
|
||||
class="py-lg-6 py-3 d-flex flex-lg-row flex-lg-row flex-column align-center"
|
||||
>
|
||||
|
Loading…
Reference in New Issue
Block a user