1
0
mirror of https://github.com/nolanlawson/pinafore synced 2024-12-08 08:24:19 +01:00
Pinafore-Web-Client-Frontend/routes/_components/LoadingPage.html
greenkeeper[bot] 8dbc1b0503 Update standard to the latest version 🚀 (#519)
* chore(package): update standard to version 12.0.0

* package lock update

* fix eslint
2018-08-29 21:42:57 -07:00

36 lines
651 B
HTML

<div class="loading-page {shown ? '' : 'hidden'}">
<LoadingSpinner />
</div>
<style>
.loading-page {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
z-index: 50;
transition: opacity 0.25s linear;
}
</style>
<script>
import LoadingSpinner from './LoadingSpinner.html'
const SPINNER_DELAY = 700
export default {
oncreate () {
setTimeout(() => {
this.set({ shown: true })
}, SPINNER_DELAY)
},
data: () => ({
shown: false
}),
components: {
LoadingSpinner
}
}
</script>