mirror of
https://github.com/elk-zone/elk.git
synced 2024-11-25 02:36:21 +03:00
feat: add bot label (#392)
This commit is contained in:
parent
183b1659d1
commit
a26cedbdd4
4 changed files with 22 additions and 10 deletions
5
components/account/AccountBotIndicator.vue
Normal file
5
components/account/AccountBotIndicator.vue
Normal file
|
@ -0,0 +1,5 @@
|
|||
<template>
|
||||
<div flex="~" items-center border="~" rounded-md px-2 text-xs>
|
||||
BOT
|
||||
</div>
|
||||
</template>
|
|
@ -76,11 +76,14 @@ watchEffect(() => {
|
|||
<AccountAvatar :account="account" hover:opacity-90 transition-opacity />
|
||||
</button>
|
||||
<div flex flex-col>
|
||||
<div flex justify-between>
|
||||
<ContentRich
|
||||
font-bold sm:text-2xl text-xl
|
||||
:content="getDisplayName(account, { rich: true })"
|
||||
:emojis="account.emojis"
|
||||
/>
|
||||
<AccountBotIndicator v-if="account.bot" />
|
||||
</div>
|
||||
<AccountHandle :account="account" />
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -20,11 +20,14 @@ defineOptions({
|
|||
<AccountAvatar :account="account" w-12 h-12 />
|
||||
</AccountHoverWrapper>
|
||||
<div flex="~ col" shrink overflow-hidden>
|
||||
<div flex="~" gap-2>
|
||||
<ContentRich
|
||||
font-bold line-clamp-1 ws-pre-wrap break-all
|
||||
:content="getDisplayName(account, { rich: true })"
|
||||
:emojis="account.emojis"
|
||||
/>
|
||||
<AccountBotIndicator v-if="account.bot" />
|
||||
</div>
|
||||
<AccountHandle :account="account" text-sm text-secondary-light />
|
||||
</div>
|
||||
</component>
|
||||
|
|
|
@ -85,6 +85,7 @@ const avatarOnAvatar = $(computedEager(() => useFeatureFlags().experimentalAvata
|
|||
</AccountHoverWrapper>
|
||||
<div flex-auto />
|
||||
<div v-if="!isZenMode" text-sm text-secondary flex="~ row nowrap" hover:underline>
|
||||
<AccountBotIndicator v-if="status.account.bot" mr-2 />
|
||||
<CommonTooltip :content="createdAt">
|
||||
<a :title="status.createdAt" :href="getStatusRoute(status).href" @click.prevent="go($event)">
|
||||
<time text-sm ws-nowrap hover:underline :datetime="status.createdAt">
|
||||
|
|
Loading…
Reference in a new issue