Nikurasu/elk
1
0
Fork 0
forked from Mirrors/elk
Code Pull requests Releases 2 Packages 1 Activity

refactor: add bot indicator icon

Browse source
This commit is contained in:
三咲智子 2023-01-07 21:53:09 +08:00
parent 6944a74653
commit bbc1580010
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E
2 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
components/account/AccountBotIndicator.vue
View file

@ -1,5 +1,20 @@
<script setup lang="ts">
defineProps<{
showLabel?: boolean
}>()
</script>
<template> <template>
<div flex="~" items-center border="~ base" text-secondary-light rounded-md px-1 text-xs my-auto> <div
{{ $t('account.bot') }} flex="~ gap1" items-center
:class="{ 'border border-base rounded-md px-1': showLabel }"
text-secondary-light text-xs
>
<CommonTooltip :content="$t('account.bot')" :disabled="showLabel">
<div i-ri:robot-line />
</CommonTooltip>
<div v-if="showLabel">
{{ $t('account.bot') }}
</div>
</div> </div>
</template> </template>

2
components/account/AccountHeader.vue
View file

@ -76,7 +76,7 @@ const isSelf = $computed(() => currentUser.value?.account.id === account.id)
<div flex="~ col gap1"> <div flex="~ col gap1">
<div flex justify-between> <div flex justify-between>
<AccountDisplayName :account="account" font-bold sm:text-2xl text-xl /> <AccountDisplayName :account="account" font-bold sm:text-2xl text-xl />
<AccountBotIndicator v-if="account.bot" /> <AccountBotIndicator v-if="account.bot" show-label />
</div> </div>
<AccountHandle :account="account" /> <AccountHandle :account="account" />
</div> </div>