微调: card、menu

This commit is contained in:
tangly1024
2022-01-12 09:16:54 +08:00
parent d031f369d5
commit ff76a126b8
2 changed files with 3 additions and 3 deletions

View File

@@ -39,7 +39,7 @@ const BlogPostCard = ({ post, showSummary }) => {
</div>
</div>
{(!showPreview || showSummary) && <p className='mt-4 text-gray-700 dark:text-gray-300 text-sm font-light leading-7'>
{(!showPreview || showSummary) && <p className='mt-4 mb-24 text-gray-700 dark:text-gray-300 text-sm font-light leading-7'>
{post.summary}
</p>}
@@ -57,7 +57,7 @@ const BlogPostCard = ({ post, showSummary }) => {
/>
</div> }
<div className='flex-col items-center justify-center article-cover'>
<div className='article-cover'>
<Link href={`${BLOG.path}/article/${post.slug}`} passHref>
<a className='hover:bg-opacity-100 hover:scale-105 transform duration-300 rounded-md p-2 text-red-500 cursor-pointer'>
{locale.COMMON.ARTICLE_DETAIL}

View File

@@ -25,7 +25,7 @@ const MenuButtonGroup = ({ allowCollapse = false, postCount }) => {
return <Link key={`${link.id}-${link.to}`} title={link.to} href={link.to} >
<a className={'py-2 px-5 mx-2 duration-300 text-base justify-between hover:bg-gray-700 hover:text-white hover:shadow-lg cursor-pointer font-light flex flex-nowrap items-center ' +
(selected ? 'bg-gray-200 text-black' : ' ')} >
<div className='my-auto justify-center flex '>
<div className='my-auto items-center justify-center flex '>
<FontAwesomeIcon icon={link.icon} />
<div className={'ml-4'}>{link.name}</div>
</div>