fix: style overflow due to user content (#355)
This commit is contained in:
parent
3b6b83ae7a
commit
7a07d21b76
16 changed files with 50 additions and 26 deletions
|
@ -12,16 +12,16 @@ const account = useAccountById(status.inReplyToAccountId!)
|
|||
<div v-if="status.inReplyToAccountId" absolute top-0 pt-2 right-0 px-4 flex="~ wrap" gap-1>
|
||||
<NuxtLink
|
||||
v-if="status.inReplyToId"
|
||||
flex="~ wrap" items-center font-bold text-sm text-secondary gap-1
|
||||
flex="~" items-center font-bold text-sm text-secondary gap-1
|
||||
:to="getStatusInReplyToRoute(status)"
|
||||
:title="account ? `Replying to ${getDisplayName(account)}` : 'Replying to someone'"
|
||||
>
|
||||
<div i-ri:reply-fill class="scale-x-[-1]" text-secondary-light />
|
||||
<template v-if="account?.id !== status.account.id">
|
||||
<AccountInlineInfo v-if="account" :account="account" :link="false" />
|
||||
<span v-else>Someone</span>
|
||||
<span v-else ws-nowrap>{{ $t('status.someone') }}</span>
|
||||
</template>
|
||||
<span v-else>Thread</span>
|
||||
<span v-else ws-nowrap>{{ $t('status.thread') }}</span>
|
||||
<div i-ph:chats-fill text-primary text-lg />
|
||||
</NuxtLink>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue