maxLines -> lineClamp

Southclaws · Dec 10, 2023 · 0670dc0 · 0670dc0 · vercel · Dec 10, 2023
1 parent 83f2d90
commit 0670dc0
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/web/src/components/feed/common/PostRef/PostRef.tsx b/web/src/components/feed/common/PostRef/PostRef.tsx
@@ -53,7 +53,7 @@ export function PostRef({ kind, item }: Props) {
           </Heading>
         </Flex>
 
-        <styled.p maxLines={3}>{data.short}</styled.p>
+        <styled.p lineClamp={3}>{data.short}</styled.p>
 
         <Flex justifyContent="space-between">
           <Byline

diff --git a/web/src/components/feed/text/TextPost.tsx b/web/src/components/feed/text/TextPost.tsx
@@ -31,7 +31,7 @@ export function TextPost(props: Props) {
           </Heading>
         </Flex>
 
-        <styled.p maxLines={3}>{props.thread.short}</styled.p>
+        <styled.p lineClamp={3}>{props.thread.short}</styled.p>
 
         <Flex justifyContent="space-between">
           <Byline

diff --git a/web/src/components/thread/LinkView/LinkView.tsx b/web/src/components/thread/LinkView/LinkView.tsx
@@ -40,10 +40,8 @@ export function LinkView({ link, asset }: Props) {
             {link.title}
           </LinkOverlay>
         </styled.h2>
-        <Box maxLines={1} overflow="hidden">
-          <styled.p maxLines={2} lineClamp={2}>
-            {link.description}
-          </styled.p>
+        <Box lineClamp={1} overflow="hidden">
+          <styled.p lineClamp={2}>{link.description}</styled.p>
           <br />
         </Box>
       </VStack>