chore: improve textarea's for bio and post edit

Author: dpc

crates/rostra-web-ui/assets/style.css

@@ -740,6 +740,10 @@ emoji-picker {
 .m-profileSummary__bio {
   flex-basis: 100%;
   width: 100%;
+  height: 10rem;
+  border: 1px solid var(--color-button-border);
+  border-radius: var(--border-radius-std);
+  padding: 5pt;
 }
 
 .m-profileSummary__buttons {
@@ -829,6 +833,7 @@ emoji-picker {
 
 
 .m-newPostForm__content {
+  box-sizing: border-box;
   width: 100%;
   padding: 5pt;
   height: 10rem;
@@ -1469,10 +1474,17 @@ input:checked+.slider:before {
 }
 
 .m-newPostForm__textareaWrapper {
+  display: flex;
+  flex-direction: column;
   position: relative;
   width: 100%;
 }
 
+.m-newPostForm__textareaWrapper textarea {
+  resize: vertical;
+  /* Allows resizing only vertically (up/down) */
+}
+
 /* Global Notification System */
 .o-notificationArea {
   position: fixed;

crates/rostra-web-ui/src/routes/profile_self.rs

@@ -204,15 +204,6 @@ impl UiState {
                         name="name"
                         value=(self_profile.display_name) {
                     }
-                    textarea."m-profileSummary__bio"
-                        placeholder="Bio..."
-                        type="text"
-                        dir="auto"
-                        name="bio"
-                        "x-on:keyup.enter.ctrl"="$el.form.requestSubmit()"
-                    {
-                        {(self_profile.bio)}
-                    }
 
                     div ."m-profileSummary__buttons" {
                         button
@@ -222,6 +213,16 @@ impl UiState {
                         }
                     }
                 }
+
+                textarea."m-profileSummary__bio"
+                    placeholder="Bio..."
+                    rows="8"
+                    dir="auto"
+                    name="bio"
+                    "x-on:keyup.enter.ctrl"="$el.form.requestSubmit()"
+                {
+                    {(self_profile.bio)}
+                }
             }
         })
     }