From b2153fa12e2183f4384118b2751a72ae943e4283 Mon Sep 17 00:00:00 2001
From: patak <matias.capeletto@gmail.com>
Date: Fri, 30 Dec 2022 21:54:23 +0100
Subject: [PATCH] feat: limit max height of profile note

---
 components/account/AccountBigCard.vue   | 2 +-
 components/account/AccountHeader.vue    | 2 +-
 components/account/AccountHoverCard.vue | 4 +++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/account/AccountBigCard.vue b/components/account/AccountBigCard.vue
index 014a0b88..b4a75c7d 100644
--- a/components/account/AccountBigCard.vue
+++ b/components/account/AccountBigCard.vue
@@ -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
diff --git a/components/account/AccountHeader.vue b/components/account/AccountHeader.vue
index e0c65995..e5ca3d0f 100644
--- a/components/account/AccountHeader.vue
+++ b/components/account/AccountHeader.vue
@@ -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">
diff --git a/components/account/AccountHoverCard.vue b/components/account/AccountHoverCard.vue
index ab300cad..8da6a607 100644
--- a/components/account/AccountHoverCard.vue
+++ b/components/account/AccountHoverCard.vue
@@ -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>