Update settings view

resources/views/settings/home.blade.php

@@ -128,9 +128,23 @@
 @push('scripts')
 <script type="text/javascript">
 
-  $(document).on('click', '.modal-close', function(e) {
-    swal.close();
-  });
+$(document).ready(function() {
+    let el = $('#bio');
+    let len = el.val().length;
+    let limit = el.data('max-length');
+
+    if(len > 100) {
+      el.attr('rows', '4');
+    }
+
+    let val = len + ' / ' + limit;
+
+    if(len > limit) {
+      let diff = len - limit;
+      val = '<span class="text-danger">-' + diff + '</span> / ' + limit;
+    }
+
+    $('.bio-counter').html(val);
 
     $('#bio').on('change keyup paste', function(e) {
       let el = $(this);
@@ -151,6 +165,10 @@
       $('.bio-counter').html(val);
     });
 
+    $(document).on('click', '.modal-close', function(e) {
+      swal.close();
+    });
+    
     $('#maxAvatarSize').text(filesize({{config('pixelfed.max_avatar_size') * 1024}}, {round: 0}));
 
     $('#avatarInput').on('change', function(e) {
@@ -177,5 +195,7 @@
         swal('Error', 'An error occured, please try again later', 'error');
       });
     });
+})
+
 </script>
 @endpush