🐛 Fix some UI issues

This commit is contained in:
LittleSheep 2024-03-20 23:08:40 +08:00
parent 6ac77f3695
commit 19f57e84b5
3 changed files with 7 additions and 3 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="flex items-center"> <div class="flex items-center">
<v-form class="flex-grow-1" @submit.prevent="submit"> <v-form class="flex-grow-1" @submit.prevent="submit">
<v-text-field label="Account ID" variant="solo" density="comfortable" :loading="props.loading" v-model="probe" /> <v-text-field label="Account ID" variant="solo" density="comfortable" :disabled="props.loading" v-model="probe" />
<v-expand-transition> <v-expand-transition>
<v-alert v-show="error" variant="tonal" type="error" class="text-xs mb-3"> <v-alert v-show="error" variant="tonal" type="error" class="text-xs mb-3">

View File

@ -11,7 +11,7 @@
type="password" type="password"
variant="solo" variant="solo"
density="comfortable" density="comfortable"
:loading="loading" :disabled="loading"
v-model="password" v-model="password"
/> />

View File

@ -10,7 +10,11 @@
<div v-if="challenge" class="flex items-center gap-4"> <div v-if="challenge" class="flex items-center gap-4">
<v-tooltip> <v-tooltip>
<template v-slot:activator="{ props }"> <template v-slot:activator="{ props }">
<v-progress-circular v-bind="props" size="large" :model-value="challenge?.progress / challenge?.requirements" /> <v-progress-circular
v-bind="props"
size="large"
:model-value="(challenge?.progress / challenge?.requirements) * 100"
/>
</template> </template>
<p><b>Risk: </b> {{ challenge?.risk_level }}</p> <p><b>Risk: </b> {{ challenge?.risk_level }}</p>
<p><b>Progress: </b> {{ challenge?.progress }}/{{ challenge?.requirements }}</p> <p><b>Progress: </b> {{ challenge?.progress }}/{{ challenge?.requirements }}</p>