MkLoading instead of "Loading..."

This commit is contained in:
ThatOneCalculator 2022-07-23 19:45:27 -07:00
parent 05e54fe819
commit f7e0c8a4a9
2 changed files with 21 additions and 2 deletions

View File

@ -28,9 +28,10 @@
- Mark as read from notifications widget
- Better welcome screen (not logged in)
- Ability to turn off "Connection lost" message
- Spinner instead of "Loading..."
- Annoying Orange search
- MOTD
- Reply limit bug fixed
- Reply limit bug fixed (somewhat)
- Custom assets
- [OAuth bearer token authentication](https://github.com/misskey-dev/misskey/pull/9021)
- [Styled Repair Tools](https://github.com/misskey-dev/misskey/pull/8956)

View File

@ -4,7 +4,9 @@
<component :is="currentPageComponent" :key="key" v-bind="Object.fromEntries(currentPageProps)"/>
<template #fallback>
Loading...
<div class="fetching">
<MkLoading/>
</div>
</template>
</Suspense>
</KeepAlive>
@ -59,3 +61,19 @@ onBeforeUnmount(() => {
router.removeListener('change', onChange);
});
</script>
<style lang="scss" scoped>
.fetching {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-backdrop-filter: var(--blur, blur(12px));
backdrop-filter: var(--blur, blur(12px));
display: flex;
justify-content: center;
align-items: center;
cursor: wait;
}
</style>