fix(entrance): remove unused components

This commit is contained in:
ASTRO:? 2024-12-21 09:36:47 +09:00
parent 23eeddf70b
commit 75cda4d4d1
No known key found for this signature in database
GPG key ID: 8947F3AF5B0B4BFE
2 changed files with 6 additions and 63 deletions

View file

@ -11,59 +11,25 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="shape2"></div> <div class="shape2"></div>
<div class="logo-wrapper"> <div class="logo-wrapper">
<div class="powered-by">Powered by</div> <div class="powered-by">Powered by</div>
<img :src="misskeysvg" class="misskey"/> <img :src="misskeysvg" class="misskey" alt="Misskey Logo"/>
</div> </div>
<div class="emojis"> <div class="emojis">
<MkEmoji :normal="true" :noStyle="true" emoji="👍"/> <MkEmoji :normal="true" :noStyle="true" emoji="🌟"/>
<MkEmoji :normal="true" :noStyle="true" emoji="❤"/> <MkEmoji :normal="true" :noStyle="true" emoji="🌊"/>
<MkEmoji :normal="true" :noStyle="true" emoji="😆"/> <MkEmoji :normal="true" :noStyle="true" emoji="🌸"/>
<MkEmoji :normal="true" :noStyle="true" emoji="🎉"/>
<MkEmoji :normal="true" :noStyle="true" emoji="🍮"/>
</div> </div>
<div class="contents"> <div class="contents">
<MkVisitorDashboard/> <MkVisitorDashboard/>
</div> </div>
<!--
<div v-if="instances && instances.length > 0" class="federation">
<MarqueeText :duration="40">
<MkA v-for="instance in instances" :key="instance.id" :class="$style.federationInstance" :to="`/instance-info/${instance.host}`" behavior="window">
<MkInstanceCardMini :instance="instance"/>
<img v-if="instance.iconUrl" class="icon" :src="getInstanceIcon(instance)" alt=""/>
<span class="name _monospace">{{ instance.host }}</span>
</MkA>
</MarqueeText>
</div>
-->
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref } from 'vue';
import * as Misskey from 'misskey-js';
import XTimeline from './welcome.timeline.vue'; import XTimeline from './welcome.timeline.vue';
// import MarqueeText from '@/components/MkMarquee.vue';
import MkFeaturedPhotos from '@/components/MkFeaturedPhotos.vue'; import MkFeaturedPhotos from '@/components/MkFeaturedPhotos.vue';
import misskeysvg from '/client-assets/misskey.svg'; import misskeysvg from '/client-assets/misskey.svg';
import { misskeyApiGet } from '@/scripts/misskey-api.js';
import MkVisitorDashboard from '@/components/MkVisitorDashboard.vue'; import MkVisitorDashboard from '@/components/MkVisitorDashboard.vue';
import { getProxiedImageUrl } from '@/scripts/media-proxy.js';
import { instance as meta } from '@/instance.js'; import { instance as meta } from '@/instance.js';
const instances = ref<Misskey.entities.FederationInstance[]>();
function getInstanceIcon(instance: Misskey.entities.FederationInstance): string {
if (!instance.iconUrl) {
return '';
}
return getProxiedImageUrl(instance.iconUrl, 'preview');
}
misskeyApiGet('federation/instances', {
sort: '+pubSub',
limit: 20,
}).then(_instances => {
instances.value = _instances;
});
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -180,23 +146,3 @@ misskeyApiGet('federation/instances', {
} }
} }
</style> </style>
<style lang="scss" module>
.federationInstance {
display: inline-flex;
align-items: center;
vertical-align: bottom;
padding: 6px 12px 6px 6px;
margin: 0 10px 0 0;
background: var(--panel);
border-radius: 999px;
> :global(.icon) {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 5px;
border-radius: 999px;
}
}
</style>

View file

@ -17,12 +17,9 @@ SPDX-License-Identifier: AGPL-3.0-only
<img :src="misskeysvg" class="misskey" alt="Misskey Logo"/> <img :src="misskeysvg" class="misskey" alt="Misskey Logo"/>
</div> </div>
<div class="emojis"> <div class="emojis">
<MkEmoji :normal="true" :noStyle="true" emoji="👍"/> <MkEmoji :normal="true" :noStyle="true" emoji="🌟"/>
<MkEmoji :normal="true" :noStyle="true" emoji="❤"/>
<MkEmoji :normal="true" :noStyle="true" emoji="😆"/>
<MkEmoji :normal="true" :noStyle="true" emoji="🎉"/>
<MkEmoji :normal="true" :noStyle="true" emoji="🍮"/>
<MkEmoji :normal="true" :noStyle="true" emoji="🌊"/> <MkEmoji :normal="true" :noStyle="true" emoji="🌊"/>
<MkEmoji :normal="true" :noStyle="true" emoji="🌸"/>
</div> </div>
<div class="contents"> <div class="contents">
<MkVisitorDashboard/> <MkVisitorDashboard/>