diff --git a/components/status/StatusPreviewCardMoreFromAuthor.vue b/components/status/StatusPreviewCardMoreFromAuthor.vue new file mode 100644 index 00000000..ffc1f368 --- /dev/null +++ b/components/status/StatusPreviewCardMoreFromAuthor.vue @@ -0,0 +1,19 @@ +<script setup lang="ts"> +import type { mastodon } from 'masto' + +defineProps<{ + account: mastodon.v1.Account +}>() +</script> + +<template> + <div + max-h-2xl + flex gap-2 + my-auto + bg-gray-300 + > + <span z-0>More from</span> + <AccountInlineInfo :account="account" hover:bg-gray-300 /> + </div> +</template> diff --git a/components/status/StatusPreviewCardNormal.vue b/components/status/StatusPreviewCardNormal.vue index b21ed3d1..98edce20 100644 --- a/components/status/StatusPreviewCardNormal.vue +++ b/components/status/StatusPreviewCardNormal.vue @@ -104,6 +104,11 @@ function loadAttachment() { <div :class="cardTypeIconMap[card.type]" w="30%" h="30%" text-secondary /> </div> <StatusPreviewCardInfo :p="isSquare ? 'x-4' : '4'" :root="root" :card="card" :provider="providerName" /> + <StatusPreviewCardMoreFromAuthor + v-if="card?.authors?.[0].account" + :account="card.authors[0].account" + p-4 py-2 + /> </NuxtLink> </template>