Allow more lines of titles on smaller screens

2024-05-09 15:55:51 +08:00
parent 5de381c392
commit 211415f1f6
1 changed files with 3 additions and 0 deletions
--- a/packages/web/components/templates/article/ArticleContainer.tsx
+++ b/packages/web/components/templates/article/ArticleContainer.tsx
@ -440,6 +440,9 @@ export function ArticleContainer(props: ArticleContainerProps): JSX.Element {
              '-webkit-box-orient': 'vertical',
              '-webkit-line-clamp': '4',
              overflow: 'hidden',
+              '@smDown': {
+                '-webkit-line-clamp': '6',
+              },
            }}
            title={title}
          >