teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat: limit max height of profile note

Browse source
This commit is contained in:
patak 2022-12-30 21:54:23 +01:00
parent d0b8c9b493
commit b2153fa12e
3 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/account/AccountBigCard.vue
View file

@ -43,7 +43,7 @@ defineOptions({
</div>
</div>
<!-- Note -->
<div v-if="account.note">
<div v-if="account.note" max-h-100 overflow-y-auto>
<ContentRich
:content="account.note" :emojis="account.emojis"
line-clamp-2

2
components/account/AccountHeader.vue
View file

@ -109,7 +109,7 @@ const isSelf = $computed(() => currentUser.value?.account.id === account.id)
</button> -->
</div>
</div>
<div v-if="account.note">
<div v-if="account.note" max-h-100 overflow-y-auto>
<ContentRich text-4 text-base :content="account.note" :emojis="account.emojis" />
</div>
<div v-if="namedFields.length" flex="~ col wrap gap1">

4
components/account/AccountHoverCard.vue
View file

@ -16,7 +16,9 @@ const relationship = $(useRelationship(account))
</NuxtLink>
<AccountFollowButton text-sm :account="account" :relationship="relationship" />
</div>
<ContentRich text-4 text-secondary :content="account.note" :emojis="account.emojis" />
<div v-if="account.note" max-h-100 overflow-y-auto>
<ContentRich text-4 text-secondary :content="account.note" :emojis="account.emojis" />
</div>
<AccountPostsFollowers text-sm :account="account" />
</div>
</template>