zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: media grid

Browse source
This commit is contained in:
Anthony Fu 2022-11-14 11:33:09 +08:00
parent 10143fffec
commit c79902a04e
13 changed files with 142 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

26
components/account/AccountInfo.vue Normal file
View file

@ -0,0 +1,26 @@
<script setup lang="ts">
import type { Account } from 'masto'
defineProps<{
account: Account
}>()
</script>
<template>
<div flex gap-2>
<div p1>
<NuxtLink :to="`/@${account.acct}`">
<img :src="account.avatar" rounded w-10 h-10>
</NuxtLink>
</div>
<NuxtLink flex flex-col :to="`/@${account.acct}`">
<h4 font-bold>
{{ account.displayName }}
</h4>
<p op50>
@{{ account.acct }}
</p>
</NuxtLink>
<slot />
</div>
</template>