feat: add bot label (#392)

This commit is contained in:
Shinigami 2022-12-11 16:43:23 +01:00 committed by GitHub
parent 183b1659d1
commit a26cedbdd4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 22 additions and 10 deletions

View file

@ -0,0 +1,5 @@
<template>
<div flex="~" items-center border="~" rounded-md px-2 text-xs>
BOT
</div>
</template>

View file

@ -76,11 +76,14 @@ watchEffect(() => {
<AccountAvatar :account="account" hover:opacity-90 transition-opacity /> <AccountAvatar :account="account" hover:opacity-90 transition-opacity />
</button> </button>
<div flex flex-col> <div flex flex-col>
<ContentRich <div flex justify-between>
font-bold sm:text-2xl text-xl <ContentRich
:content="getDisplayName(account, { rich: true })" font-bold sm:text-2xl text-xl
:emojis="account.emojis" :content="getDisplayName(account, { rich: true })"
/> :emojis="account.emojis"
/>
<AccountBotIndicator v-if="account.bot" />
</div>
<AccountHandle :account="account" /> <AccountHandle :account="account" />
</div> </div>
</div> </div>

View file

@ -20,11 +20,14 @@ defineOptions({
<AccountAvatar :account="account" w-12 h-12 /> <AccountAvatar :account="account" w-12 h-12 />
</AccountHoverWrapper> </AccountHoverWrapper>
<div flex="~ col" shrink overflow-hidden> <div flex="~ col" shrink overflow-hidden>
<ContentRich <div flex="~" gap-2>
font-bold line-clamp-1 ws-pre-wrap break-all <ContentRich
:content="getDisplayName(account, { rich: true })" font-bold line-clamp-1 ws-pre-wrap break-all
:emojis="account.emojis" :content="getDisplayName(account, { rich: true })"
/> :emojis="account.emojis"
/>
<AccountBotIndicator v-if="account.bot" />
</div>
<AccountHandle :account="account" text-sm text-secondary-light /> <AccountHandle :account="account" text-sm text-secondary-light />
</div> </div>
</component> </component>

View file

@ -85,6 +85,7 @@ const avatarOnAvatar = $(computedEager(() => useFeatureFlags().experimentalAvata
</AccountHoverWrapper> </AccountHoverWrapper>
<div flex-auto /> <div flex-auto />
<div v-if="!isZenMode" text-sm text-secondary flex="~ row nowrap" hover:underline> <div v-if="!isZenMode" text-sm text-secondary flex="~ row nowrap" hover:underline>
<AccountBotIndicator v-if="status.account.bot" mr-2 />
<CommonTooltip :content="createdAt"> <CommonTooltip :content="createdAt">
<a :title="status.createdAt" :href="getStatusRoute(status).href" @click.prevent="go($event)"> <a :title="status.createdAt" :href="getStatusRoute(status).href" @click.prevent="go($event)">
<time text-sm ws-nowrap hover:underline :datetime="status.createdAt"> <time text-sm ws-nowrap hover:underline :datetime="status.createdAt">