fix: textarea instead of input for bio

AquaNet/src/app.sass

@@ -134,7 +134,7 @@ button.icon
 .error
   color: vars.$c-error
 
-input
+input, textarea
   border-radius: vars.$border-radius
   border: 1px solid transparent
   padding: 0.6em 1.2em
@@ -144,6 +144,10 @@ input
   background-color: vars.$ov-lighter
   transition: vars.$transition
   box-sizing: border-box
+  resize: none
+
+textarea
+  height: 5em
 
 // Dropdown
 select

AquaNet/src/pages/User/Settings.svelte

@@ -28,8 +28,9 @@
     [ 'displayName', t('settings.profile.name') ],
     [ 'username', t('settings.profile.username') ],
     [ 'password', t('settings.profile.password') ],
+    /* Neither of these did anything of importance
     [ 'country', t('settings.profile.country') ],
-    [ 'profileLocation', t('settings.profile.location') ],
+    [ 'profileLocation', t('settings.profile.location') ],*/
     [ 'profileBio', t('settings.profile.bio') ],
   ] as const
 
@@ -165,9 +166,14 @@
         <div class="field">
           <label for={field}>{name}</label>
           <div>
+            {#if field == "profileBio"}
+             <textarea id={field} bind:value={me[field]} on:input={() => changed = [...changed, field]} maxlength=255 placeholder={field === 'password' ? t('settings.profile.unchanged') : t('settings.profile.unset')}></textarea>
+            {:else}
               <input id={field} type="text" use:passwordAction={field === 'password'}
                 bind:value={me[field]} on:input={() => changed = [...changed, field]}
                 placeholder={field === 'password' ? t('settings.profile.unchanged') : t('settings.profile.unset')}/>
+            {/if}
+
             {#if changed.includes(field) && me[field]}
               <button transition:slide={{axis: 'x'}} on:click={() => submit(field, me[field])}>
                 {#if submitting === field}
@@ -256,7 +262,7 @@
       gap: 1rem
       margin-top: 0.5rem
 
-      > input
+      > input, > textarea
         flex: 1
 
     img
@@ -266,6 +272,8 @@
       object-fit: cover
       aspect-ratio: 1
 
+      
+
   .cropper-container
     position: relative
     width: 400px