From a8a6bba283047506b40abaa27e92ec27254c85a9 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Wed, 28 Jun 2023 11:34:56 +0800
Subject: [PATCH] line-claimp

---
 styles/globals.css                           | 10 ----------
 themes/matery/components/LatestPostsGroup.js |  2 +-
 2 files changed, 1 insertion(+), 11 deletions(-)

diff --git a/styles/globals.css b/styles/globals.css
index b791cd3d..042c7f28 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -181,16 +181,6 @@ nav {
   margin: -0.125em 0.25em;
 }
 
-/* 固定两行 */
-.text-line-2 {
-    overflow : hidden;
-	text-overflow: ellipsis;
-	display: -webkit-box;
-	-webkit-line-clamp: 2;
-	-webkit-box-orient: vertical;
-	word-wrap: break-word;
-	word-break: break-all;
-}
 
 .nobelium{
     @apply flex flex-col justify-between
diff --git a/themes/matery/components/LatestPostsGroup.js b/themes/matery/components/LatestPostsGroup.js
index 094b1e40..3cdca279 100644
--- a/themes/matery/components/LatestPostsGroup.js
+++ b/themes/matery/components/LatestPostsGroup.js
@@ -51,7 +51,7 @@ const LatestPostsGroup = ({ latestPosts, siteInfo }) => {
             }
           >
             <div>
-              <div className='text-line-2'>{post.title}</div>
+              <div className='line-clamp-2'>{post.title}</div>
               <div className="text-gray-500">{post.lastEditedTime}</div>
             </div>
           </div>