iceshrimp/packages/client/src/components/MkFeaturedPhotos.vue
Laura Hausmann a63ad0c132
Revert "Rename Vue files for consistency"
This reverts commit dad096ee4c4d085670b64c929bf46f65cd4c9c30.
2023-10-25 20:30:32 +02:00

27 lines
520 B
Vue

<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 "iceshrimp-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>