diff options
Diffstat (limited to 'packages/frontend/src/components/MkFeaturedPhotos.vue')
| -rw-r--r-- | packages/frontend/src/components/MkFeaturedPhotos.vue | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkFeaturedPhotos.vue b/packages/frontend/src/components/MkFeaturedPhotos.vue new file mode 100644 index 0000000000..e58b5d2849 --- /dev/null +++ b/packages/frontend/src/components/MkFeaturedPhotos.vue @@ -0,0 +1,22 @@ +<template> +<div v-if="meta" class="xfbouadm" :style="{ backgroundImage: `url(${ meta.backgroundImageUrl })` }"></div> +</template> + +<script lang="ts" setup> +import { ref } from 'vue'; +import * as Misskey from 'misskey-js'; +import * as os from '@/os'; + +const meta = ref<Misskey.entities.DetailedInstanceMetadata>(); + +os.api('meta', { detail: true }).then(gotMeta => { + meta.value = gotMeta; +}); +</script> + +<style lang="scss" scoped> +.xfbouadm { + background-position: center; + background-size: cover; +} +</style> |