usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

wip

This commit is contained in:
syuilo 2025-05-05 21:00:33 +09:00
parent d476f7ff50
commit 1ddb0fc1b9
2 changed files with 36 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
packages/frontend/src/components/global/MkResult.vue Normal file
View File

@ -0,0 +1,33 @@
<!--
SPDX-FileCopyrightText: syuilo and misskey-project
SPDX-License-Identifier: AGPL-3.0-only
-->
<template>
<div ref="root" :class="[$style.root]" class="_gaps">
<i v-if="type === 'empty'" class="ti ti-info-circle" :class="$style.icon"></i>
<div>{{ props.text }}</div>
<slot></slot>
</div>
</template>
<script lang="ts" setup>
import {} from 'vue';
const props = defineProps<{
type: 'empty' | 'notFound' | 'error';
text: string;
}>();
</script>
<style lang="scss" module>
.root {
position: relative;
text-align: center;
padding: 32px;
}
.icon {
font-size: 24px;
}
</style>

3
packages/frontend/src/components/index.ts
View File

@ -24,6 +24,7 @@ import MkAd from './global/MkAd.vue';
import MkPageHeader from './global/MkPageHeader.vue'; import MkPageHeader from './global/MkPageHeader.vue';
import MkStickyContainer from './global/MkStickyContainer.vue'; import MkStickyContainer from './global/MkStickyContainer.vue';
import MkLazy from './global/MkLazy.vue'; import MkLazy from './global/MkLazy.vue';
import MkResult from './global/MkResult.vue';
import PageWithHeader from './global/PageWithHeader.vue'; import PageWithHeader from './global/PageWithHeader.vue';
import PageWithAnimBg from './global/PageWithAnimBg.vue'; import PageWithAnimBg from './global/PageWithAnimBg.vue';
import SearchMarker from './global/SearchMarker.vue'; import SearchMarker from './global/SearchMarker.vue';
@ -61,6 +62,7 @@ export const components = {
MkPageHeader: MkPageHeader, MkPageHeader: MkPageHeader,
MkStickyContainer: MkStickyContainer, MkStickyContainer: MkStickyContainer,
MkLazy: MkLazy, MkLazy: MkLazy,
MkResult: MkResult,
PageWithHeader: PageWithHeader, PageWithHeader: PageWithHeader,
PageWithAnimBg: PageWithAnimBg, PageWithAnimBg: PageWithAnimBg,
SearchMarker: SearchMarker, SearchMarker: SearchMarker,
@ -92,6 +94,7 @@ declare module '@vue/runtime-core' {
MkPageHeader: typeof MkPageHeader; MkPageHeader: typeof MkPageHeader;
MkStickyContainer: typeof MkStickyContainer; MkStickyContainer: typeof MkStickyContainer;
MkLazy: typeof MkLazy; MkLazy: typeof MkLazy;
MkResult: typeof MkResult;
PageWithHeader: typeof PageWithHeader; PageWithHeader: typeof PageWithHeader;
PageWithAnimBg: typeof PageWithAnimBg; PageWithAnimBg: typeof PageWithAnimBg;
SearchMarker: typeof SearchMarker; SearchMarker: typeof SearchMarker;