Change Topbar Height, Fixed Outline on a-click

src/components/topbar.vue

@@ -81,7 +81,7 @@ export default {
 <style lang="less">
     @import "../mixins.less";
 
-    @bar_height: 40px;
+    @bar_height: 50px;
 
     /*--------------------------------------------------------------
     # Topbar (Sitename)
@@ -119,7 +119,7 @@ export default {
                 width: 30px;
                 height: auto;
                 margin: 0 auto;
-                padding-top: 4px;
+                padding-top: 8px;
             }
         }
 
@@ -159,7 +159,7 @@ export default {
         &>.trigger {
             .clearfix();
             display: block;
-            padding: 4px 10px;
+            padding: 9px 10px;
             font-size: 0;
             color: white;
             user-select: none;
@@ -239,4 +239,15 @@ export default {
             .trigger_btn .icon:before{transform: rotate(180deg);}
         }
     }
+
+    @media(max-width: @screen-xs-max) {
+        .user_profile {
+            &>.trigger {
+                .text {
+                    display:none;
+                }
+            }
+                
+        }
+    }
 </style>