💄 Updating the UI and style files.

application/index/view/index/home.html

@@ -24,8 +24,11 @@
 <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
 <script>
   $('#login-btn').click(function () {
-    $(this).hide();
-    $('body').addClass('fade')
+    $('#login-box').css('display', 'flex')
+    setTimeout(function () {
+      $(this).hide();
+      $('body').addClass('fade')
+    }.bind(this), 60)
   });
   $('#login').click(function () {
     $.ajax({

public/static/app/css/home.css

@@ -116,7 +116,7 @@ body #mask {
   transition: all 1s;
 }
 #login-box {
-  display: flex;
+  display: none;
   flex-direction: column;
   max-width: 500px;
   max-height: 300px;

public/static/app/css/home.less

@@ -89,7 +89,7 @@ body, body #mask {
 }
 
 #login-box {
-  display: flex;
+  display: none;
   flex-direction: column;
   max-width: 500px;
   max-height: 300px;