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 - Mark as read from notifications widget
- Better welcome screen (not logged in) - Better welcome screen (not logged in)
- Ability to turn off "Connection lost" message - Ability to turn off "Connection lost" message
- Spinner instead of "Loading..."
- Annoying Orange search - Annoying Orange search
- MOTD - MOTD
- Reply limit bug fixed - Reply limit bug fixed (somewhat)
- Custom assets - Custom assets
- [OAuth bearer token authentication](https://github.com/misskey-dev/misskey/pull/9021) - [OAuth bearer token authentication](https://github.com/misskey-dev/misskey/pull/9021)
- [Styled Repair Tools](https://github.com/misskey-dev/misskey/pull/8956) - [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)"/> <component :is="currentPageComponent" :key="key" v-bind="Object.fromEntries(currentPageProps)"/>
<template #fallback> <template #fallback>
Loading... <div class="fetching">
<MkLoading/>
</div>
</template> </template>
</Suspense> </Suspense>
</KeepAlive> </KeepAlive>
@ -59,3 +61,19 @@ onBeforeUnmount(() => {
router.removeListener('change', onChange); router.removeListener('change', onChange);
}); });
</script> </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>