mtd/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Implement loading (#104)

Browse Source 
* Implement loading

* LoadingBar

* Run linter

* Update App.vue

* Loading bar all the things

* Update SplashScreen.vue

* Update SplashScreen.vue

* Update App.vue

* initial revert

* Update Instance.vue

* revert css

* Fix instance

* More reverting

* Run lint

* Finalize changes

* Revert "Merge branch 'master' into loading"

This reverts commit 3014e765fb6fb343f3030fd8a822edd97fb2af41, reversing
changes made to b780e859d2b53a203eb3561ba3be88af083d9c15.

* Fix loading issues

* fix lint

* Revert "Revert "Merge branch 'master' into loading""

This reverts commit 971ef8466613579b7f523edbd25b692df62d0f86.

---------

Co-authored-by: Jai A <jaiagr+gpg@pm.me>
This commit is contained in:
Adrian O.V
2023-05-10 18:50:42 -04:00
committed by GitHub
parent 9be0d16f75
commit 71cf2c53f5
21 changed files with 463 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
theseus_gui/src/components/ui/SplashScreen.vue Normal file
View File

@@ -0,0 +1,40 @@
<template>
<div class="page-loading" :class="{ 'app-loading': appLoading }">
<AnimatedLogo class="initializing-icon" />
</div>
</template>
<script setup>
import { AnimatedLogo } from 'omorphia'
defineProps({
appLoading: Boolean,
})
</script>
<style scoped lang="scss">
.page-loading {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
&.app-loading {
background-color: #16181c;
height: 100vh;
}
}
.initializing-icon {
width: 12rem;
height: 12rem;
:deep(svg),
svg {
width: 12rem;
height: 12rem;
}
}
</style>