feat: update menu styles

update menu styles to better display long titles

Change-Id: I4e766c7af18b30cb2751e433b11b61f5aaa01da7

src/layouts/Base/Menu.jsx

@@ -175,7 +175,7 @@ export class LayoutMenu extends Component {
       );
     }
     const title = (
-      <span>
+      <span className={styles['sub-menu-title']}>
         {this.renderMenuItemIcon({ item })}
         <span className={styles['menu-item-title']}>
           {item.name.length >= this.maxTitleLength ? (

src/layouts/Base/index.less

@@ -380,7 +380,7 @@
 
   span {
     display: inline-block;
-    max-width: 140px;
+    max-width: 120px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -391,3 +391,7 @@
   color: @sider-sub-menu-title-color;
   font-size: @sider-sub-menu-title-font-size;
 }
+
+.sub-menu-title {
+  display: flex;
+}