feat: limit max height of profile note

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

View file

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

View file

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

View file

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