feat: 应用分类功能

web/src/assets/css/chat-app.styl

@@ -2,10 +2,49 @@
   background-color: #282c34;
   height 100%
 
+  .apps-type-nav{
+    height 43px
+    padding 8px 0;
+    margin-bottom 3px
+  }
+
+  .scrollbar-type-nav{
+    display flex
+    align-items center
+    height 43px
+    padding 0 5px
+    li{
+      flex-shrink 0
+      display flex
+      align-items center
+      justify-content center
+      margin 0 10px
+      height 26px
+      border-radius 4px
+      border 1px solid rgb(80,80,80)
+      padding 2px 12px
+      background rgba(60,60,60 0.9)
+      color #fff
+      font-size 14px
+      cursor pointer
+
+      .image {
+        width 22px
+        height 22px
+        overflow hidden
+        margin-right 5px
+      }
+      &.active{
+        background #21aa93;
+      }
+    }
+  }
+
+
   .inner {
     display flex
     color #ffffff
-    padding 15px;
+    padding 2px 15px;
     overflow-y visible
     overflow-x hidden
 

web/src/assets/css/luma.styl

@@ -141,7 +141,7 @@
         display flex
         flex-flow row
         align-items center
-        height 100px
+        min-height 100px
         padding 10px 15px
         border-radius 10px
         cursor pointer