!1698 优化:设计界面

src/UI/Components/MainContent/Content.tsx

@@ -132,7 +132,7 @@ export class ContentComponent extends React.Component<{ store?: TopPanelStore; }
                                 <div>
                                     <img src={`${CURRENT_HOST}/${file.logo}`} alt="" />
                                 </div>
-                                <div>{file.name}</div>
+                                <div className="name">{file.name}</div>
                                 <div>{file.update_date}</div>
                             </div>)
                         }
@@ -146,7 +146,7 @@ export class ContentComponent extends React.Component<{ store?: TopPanelStore; }
                                 <div>
                                     <img src={`${CURRENT_HOST}/${file.logo}`} alt="" />
                                 </div>
-                                <div>{file.name}</div>
+                                <div className="name">{file.name}</div>
                                 <div>{file.update_date}</div>
                             </div>)
                         }

src/UI/Components/MainContent/MainContent.less

@@ -456,6 +456,14 @@
                     cursor      : pointer;
                     width       : 17%;
                     margin-right: 2%;
+
+                    .name{
+                        height: 30px;
+                        display: -webkit-box;
+                        -webkit-box-orient: vertical;
+                        -webkit-line-clamp: 2;
+                        overflow: hidden;
+                    }
                 }
             }