mirror of
https://github.com/Retropex/umbrel-bitcoin.git
synced 2025-05-13 03:30:49 +02:00
56 lines
1.1 KiB
Vue
56 lines
1.1 KiB
Vue
<template>
|
|
<div
|
|
class="d-flex flex-column align-items-center justify-content-center min-vh100 p-2"
|
|
>
|
|
|
|
<!-- <b-spinner class="my-4" variant="primary"></b-spinner> -->
|
|
<small v-if="isRestarting" class="text-muted mb-3">Restarting...</small>
|
|
<b-progress
|
|
:value="progress"
|
|
class="mb-2 w-75"
|
|
variant="orange"
|
|
:style="{ height: '4px', maxWidth: '360px' }"
|
|
></b-progress>
|
|
<slot></slot>
|
|
<div class="loading-footer text-center d-flex flex-column align-items-center py-4">
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
isRestarting: false
|
|
};
|
|
},
|
|
props: { progress: Number },
|
|
created() {
|
|
if (this.$route.query.hasOwnProperty("restart")) {
|
|
this.isRestarting = true;
|
|
this.$router.replace({ query: {} });
|
|
}
|
|
},
|
|
methods: {},
|
|
components: {}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.logo {
|
|
height: 18vh;
|
|
max-height: 200px;
|
|
width: auto;
|
|
border-radius: 22%;
|
|
}
|
|
.loading-footer {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
.loading-footer-logo {
|
|
height: 30px;
|
|
}
|
|
}
|
|
</style>
|