feat: 文章标题过长自动截断 #291

Mereithhh · Jun 26, 2023 · 32df7cd · 32df7cd
1 parent fb2097b
commit 32df7cd
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/website/components/PostCard/title.tsx b/packages/website/components/PostCard/title.tsx
@@ -23,9 +23,9 @@ export function Title(props: {
   return (
     <div className="flex justify-center post-card-title ">
       {props.type != "about" ? (
-        <Link href={`/post/${props.id}`} target={getTarget(newTab)}>
+        <Link href={`/post/${props.id}`} target={getTarget(newTab)} style={{width:"90%"}} title={props.title}>
           <div
-            className={`text-lg block font-medium px-5  text-center mb-2 mt-2 dark:text-dark text-gray-700 ${
+            className={`text-lg block w-full font-medium overflow-hidden text-ellipsis whitespace-nowrap px-5  text-center mb-2 mt-2 dark:text-dark text-gray-700 ${
               showEditButton ? "ml-8" : ""
             } md:text-${props.type == "overview" ? "xl" : "2xl"} ua ua-link`}
           >