Add padding to the progress bar

This commit is contained in:
Maciej Pędzich 2023-07-02 16:29:45 +02:00
parent 29df3f9216
commit ca2d5bac8a

View File

@ -64,7 +64,9 @@ 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>
<div class="w-100 px-4">
<v-progress-linear <v-progress-linear
class="px-6"
color="primary" color="primary"
height="20" height="20"
:model-value="completionPercentage" :model-value="completionPercentage"
@ -73,6 +75,7 @@ watch(userReachedTriviaMilestone, (valueIsTrue) => {
<strong>{{ value.toFixed(2) }}%</strong> <strong>{{ value.toFixed(2) }}%</strong>
</template> </template>
</v-progress-linear> </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"
> >