主题文字高度，动画微调

tangly1024 · Jun 28, 2023 · 15bab79 · 15bab79
1 parent b8e893f
commit 15bab79
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 9 deletions.
diff --git a/themes/hexo/components/BlogPostCardInfo.js b/themes/hexo/components/BlogPostCardInfo.js
@@ -16,10 +16,10 @@ export const BlogPostCardInfo = ({ post, showPreview, showPageCover, showSummary
          <Link
             href={`${BLOG.SUB_PATH}/${post.slug}`}
             passHref
-            className={`replace cursor-pointer hover:underline text-2xl ${showPreview ? 'text-center' : ''
+            className={`line-clamp-2 replace cursor-pointer text-2xl ${showPreview ? 'text-center' : ''
                 } leading-tight font-normal text-gray-600 dark:text-gray-100 hover:text-indigo-700 dark:hover:text-indigo-400`}>
 
-            {post.title}
+            <span className='menu-link '>{post.title}</span>
 
         </Link>
 
@@ -31,7 +31,7 @@ export const BlogPostCardInfo = ({ post, showPreview, showPageCover, showSummary
             <Link
                 href={`/category/${post.category}`}
                 passHref
-                className="cursor-pointer font-light text-sm hover:underline hover:text-indigo-700 dark:hover:text-indigo-400 transform">
+                className="cursor-pointer font-light text-sm menu-link hover:text-indigo-700 dark:hover:text-indigo-400 transform">
 
                 <i className="mr-1 far fa-folder" />
                 {post.category}
@@ -72,7 +72,7 @@ export const BlogPostCardInfo = ({ post, showPreview, showPageCover, showSummary
             <Link
                 href={`/archive#${post?.date?.start_date?.substr(0, 7)}`}
                 passHref
-                className="font-light hover:underline cursor-pointer text-sm leading-4 mr-3">
+                className="font-light menu-link cursor-pointer text-sm leading-4 mr-3">
 
                 <i className="far fa-calendar-alt mr-1" />
                 {post.date?.start_date || post.lastEditedTime}

diff --git a/themes/hexo/components/LatestPostsGroup.js b/themes/hexo/components/LatestPostsGroup.js
@@ -59,7 +59,7 @@ const LatestPostsGroup = ({ latestPosts, siteInfo }) => {
                         }
                     >
                         <div>
-                            <div className='text-line-2'>{post.title}</div>
+                            <div className='line-clamp-2 menu-link'>{post.title}</div>
                             <div className="text-gray-500">{post.lastEditedTime}</div>
                         </div>
                     </div>

diff --git a/themes/hexo/components/Logo.js b/themes/hexo/components/Logo.js
@@ -7,9 +7,9 @@ const Logo = props => {
   return (
     <Link href='/' passHref legacyBehavior>
       <div className='flex flex-col justify-center items-center cursor-pointer space-y-3'>
-        <div className='font-medium text-lg p-1.5 rounded dark:border-white hover:scale-110 transform duration-200'> {siteInfo?.title || BLOG.TITLE}</div>
+        <div className='font-medium text-lg p-1.5 rounded dark:border-white menu-link transform duration-200'> {siteInfo?.title || BLOG.TITLE}</div>
       </div>
     </Link>
-  );
+  )
 }
 export default Logo
diff --git a/themes/next/components/LatestPostsGroup.js b/themes/next/components/LatestPostsGroup.js
@@ -44,7 +44,7 @@ const LatestPostsGroup = ({ latestPosts }) => {
               'hover:text-white dark:hover:text-white cursor-pointer'
             }
           >
-            <li className="text-line-2">{post.title}</li>
+            <li className="line-clamp-2">{post.title}</li>
           </div>
 
         </Link>)

diff --git a/themes/simple/components/BlogItem.js b/themes/simple/components/BlogItem.js
@@ -12,7 +12,7 @@ export const BlogItem = props => {
         <h2 className="mb-2">
             <Link
                 href={`${BLOG.SUB_PATH}/${post.slug}`}
-                className="blog-item-title font-bold text-black text-2xl no-underline hover:underline">
+                className="blog-item-title font-bold text-black text-2xl menu-link">
                 {post.title}
             </Link>
         </h2>