Merge pull request #1212 from tangly1024/fix/hexo-titlle-clamp

主题文字高度,动画微调
This commit is contained in:
tangly1024
2023-06-28 11:14:19 +08:00
committed by GitHub
5 changed files with 9 additions and 9 deletions

View File

@@ -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}

View File

@@ -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>

View File

@@ -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

View File

@@ -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>)

View File

@@ -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>