Merge branch 'splashscreen' into shigusegubu-themes3
This commit is contained in:
commit
3aaf5f5b3b
2 changed files with 7 additions and 3 deletions
|
@ -58,7 +58,7 @@
|
||||||
display: grid;
|
display: grid;
|
||||||
width: calc(5em * 0.5 * var(--scale));
|
width: calc(5em * 0.5 * var(--scale));
|
||||||
height: calc(8em * 0.5 * var(--scale));
|
height: calc(8em * 0.5 * var(--scale));
|
||||||
margin-left: 5.1em;
|
margin-left: 4.1em;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
grid-template-rows: repeat(8, 1fr);
|
grid-template-rows: repeat(8, 1fr);
|
||||||
grid-template-columns: repeat(5, 1fr);
|
grid-template-columns: repeat(5, 1fr);
|
||||||
|
@ -93,7 +93,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#status {
|
#status {
|
||||||
margin-top: 0.5em;
|
margin-top: 1em;
|
||||||
line-height: 2;
|
line-height: 2;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
@ -146,7 +146,11 @@ export default {
|
||||||
},
|
},
|
||||||
removeSplash () {
|
removeSplash () {
|
||||||
document.querySelector('#status').textContent = this.$t('splash.fun_' + Math.ceil(Math.random() * 4))
|
document.querySelector('#status').textContent = this.$t('splash.fun_' + Math.ceil(Math.random() * 4))
|
||||||
document.querySelector('#splash').classList.add('hidden')
|
const splashscreenRoot = document.querySelector('#splash')
|
||||||
|
splashscreenRoot.addEventListener('transitionend', () => {
|
||||||
|
splashscreenRoot.remove()
|
||||||
|
})
|
||||||
|
splashscreenRoot.classList.add('hidden')
|
||||||
document.querySelector('#app').classList.remove('hidden')
|
document.querySelector('#app').classList.remove('hidden')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue