From ca09e0e3f7cc205bd5c93fd8ceb4482e256f5284 Mon Sep 17 00:00:00 2001
From: Raymond <101374892+raymonable@users.noreply.github.com>
Date: Wed, 26 Feb 2025 22:58:34 -0500
Subject: [PATCH] fix: formatting of bio

---
 AquaNet/src/pages/UserHome.svelte | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/AquaNet/src/pages/UserHome.svelte b/AquaNet/src/pages/UserHome.svelte
index f58524d4..7a680aed 100644
--- a/AquaNet/src/pages/UserHome.svelte
+++ b/AquaNet/src/pages/UserHome.svelte
@@ -175,10 +175,10 @@
 
     {#if d.user.aquaUser?.profileBio}
       <div class="activity-info">
-        <div class="info-bottom">
+        <div class="info-bottom profile-bio-container">
           <div class="profile-bio">
             <span>{t("settings.profile.bio")}</span>
-            <span>{d.user.aquaUser?.profileBio}</span>
+            <span class="profile-bio-text">{d.user.aquaUser?.profileBio}</span>
           </div>
         </div>
       </div> 
@@ -453,6 +453,16 @@
   .info-bottom
     width: max-content
 
+    &.profile-bio-container, 
+    &.profile-bio-container div
+      width: 100%
+
+    .profile-bio-text
+      white-space: pre
+      max-height: 10em
+      overflow-y: auto
+      flex: 1
+
   .info-top > div > span:last-child
     font-size: 1.5rem