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

feat: add bot label (#392)

zio/stable
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/account/AccountBotIndicator.vue 100644
View File

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

3
components/account/AccountHeader.vue
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>
<div flex justify-between>
<ContentRich <ContentRich
font-bold sm:text-2xl text-xl font-bold sm:text-2xl text-xl
:content="getDisplayName(account, { rich: true })" :content="getDisplayName(account, { rich: true })"
:emojis="account.emojis" :emojis="account.emojis"
/> />
<AccountBotIndicator v-if="account.bot" />
</div>
<AccountHandle :account="account" /> <AccountHandle :account="account" />
</div> </div>
</div> </div>

3
components/account/AccountInfo.vue
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>
<div flex="~" gap-2>
<ContentRich <ContentRich
font-bold line-clamp-1 ws-pre-wrap break-all font-bold line-clamp-1 ws-pre-wrap break-all
:content="getDisplayName(account, { rich: true })" :content="getDisplayName(account, { rich: true })"
:emojis="account.emojis" :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>

1
components/status/StatusCard.vue
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">