fix: 修改导航结构

Author: Zhicheng WANG

src/app/pages/component-sidenav/component-nav.html

@@ -5,7 +5,8 @@
            [routerLink]="'/' + section+ '/' + component.id"
            routerLinkActive="docs-component-viewer-sidenav-item-selected"
            [attr.aria-current]="currentItemId === component.id ? 'page': 'false'">
-          {{component.nameCn}}<br/><small>{{component.name}}</small>
+          {{component.nameCn}}
+          <small>{{component.name}}</small>
         </a>
       </mat-nav-list>
   </div>

src/app/pages/component-sidenav/component-nav.scss

@@ -1,3 +1,11 @@
 small {
   opacity: 0.4;
 }
+
+mat-nav-list {
+  &::ng-deep {
+    .mat-list-item-content {
+      flex-wrap: wrap;
+    }
+  }
+}