feat: better subtitle select style (#137)

AlistGo · Jan 16, 2024 · dbf9df2 · dbf9df2
1 parent 4939af1
commit dbf9df2
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 6 deletions.
diff --git a/src/pages/home/previews/aliyun_video.tsx b/src/pages/home/previews/aliyun_video.tsx
@@ -214,10 +214,15 @@ const Preview = () => {
           <span
             title={item.name}
             style={{
-              display: "inline-block",
-              "max-width": "15em",
-              "text-overflow": "ellipsis",
+              "max-width": "200px",
               overflow: "hidden",
+              "text-overflow": "ellipsis",
+              "word-break": "break-all",
+              "white-space": "normal",
+              display: "-webkit-box",
+              "-webkit-line-clamp": "2",
+              "-webkit-box-orient": "vertical",
+              "font-size": "12px",
             }}
           >
             {item.name}

diff --git a/src/pages/home/previews/video.tsx b/src/pages/home/previews/video.tsx
@@ -203,10 +203,15 @@ const Preview = () => {
           <span
             title={item.name}
             style={{
-              display: "inline-block",
-              "max-width": "15em",
-              "text-overflow": "ellipsis",
+              "max-width": "200px",
               overflow: "hidden",
+              "text-overflow": "ellipsis",
+              "word-break": "break-all",
+              "white-space": "normal",
+              display: "-webkit-box",
+              "-webkit-line-clamp": "2",
+              "-webkit-box-orient": "vertical",
+              "font-size": "12px",
             }}
           >
             {item.name}