feat: limit max height of profile note

elk-zone · Dec 30, 2022 · b2153fa · b2153fa
1 parent d0b8c9b
commit b2153fa
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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>