patrick/OpenDTU-old
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

webapp: optimize look of firmware update cards

Browse Source
This commit is contained in:
Bernhard Kirchen 2024-10-27 21:03:39 +01:00 committed by Thomas Basler
parent 54b4a2e9e8
commit e724fb8375
1 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
webapp/src/views/FirmwareUpgradeView.vue
View File

@ -17,16 +17,15 @@
<p class="h1 mb-2"> <p class="h1 mb-2">
<BIconExclamationCircleFill /> <BIconExclamationCircleFill />
</p> </p>
<span style="vertical-align: middle" class="ml-2">
{{ OTAError }} {{ OTAError }}
</span> <div class="mt-3 d-flex gap-3 justify-content-center">
<br /> <button class="btn btn-light" @click="clear">
<br /> <BIconArrowLeft /> {{ $t('firmwareupgrade.Back') }}
<button class="btn btn-light" @click="clear"><BIconArrowLeft /> {{ $t('firmwareupgrade.Back') }}</button> </button>
<button class="btn btn-primary" @click="retryOTA"> <button class="btn btn-primary" @click="retryOTA">
<BIconArrowRepeat /> {{ $t('firmwareupgrade.Retry') }} <BIconArrowRepeat /> {{ $t('firmwareupgrade.Retry') }}
</button> </button>
</div>
</CardElement> </CardElement>
<CardElement <CardElement
@ -35,10 +34,7 @@
center-content center-content
v-else-if="!loading && !uploading && OTASuccess" v-else-if="!loading && !uploading && OTASuccess"
> >
<span class="h1 mb-2"> <BIconCheckCircle class="fs-1" />&nbsp;{{ $t('firmwareupgrade.OtaSuccess') }}
<BIconCheckCircle />
</span>
<span> {{ $t('firmwareupgrade.OtaSuccess') }} </span>
</CardElement> </CardElement>
<CardElement <CardElement
@ -47,7 +43,7 @@
center-content center-content
v-else-if="!loading && !uploading" v-else-if="!loading && !uploading"
> >
<div class="form-group pt-2 mt-3"> <div class="form-group">
<input class="form-control" type="file" ref="file" accept=".bin,.bin.gz" @change="uploadOTA" /> <input class="form-control" type="file" ref="file" accept=".bin,.bin.gz" @change="uploadOTA" />
</div> </div>
</CardElement> </CardElement>