d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-24 23:16:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

修改hexo卡片元素位置和间隙

Browse Source
This commit is contained in:
emengweb
2023-04-25 11:53:44 +00:00
parent 29fa0a8b6a
commit 7bd8337019
12 changed files with 52 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
themes/hexo/components/BlogPostCardInfo.js
View File

@@ -17,24 +17,24 @@ export const BlogPostCardInfo = ({ post, showPreview, showPageCover, showSummary
href={`${BLOG.SUB_PATH}/${post.slug}`}
passHref
className={`replace cursor-pointer hover:underline text-2xl ${showPreview ? 'text-center' : ''
} leading-tight text-gray-600 dark:text-gray-100 hover:text-indigo-700 dark:hover:text-indigo-400`}>
} leading-tight font-normal text-gray-600 dark:text-gray-100 hover:text-indigo-700 dark:hover:text-indigo-400`}>
{post.title}
</Link>
{/* 日期 */}
{/* 分类 */}
<div
className={`flex mt-2 items-center ${showPreview ? 'justify-center' : 'justify-start'
} flex-wrap dark:text-gray-500 text-gray-400 hover:text-indigo-700 dark:hover:text-indigo-400`}
>
<Link
href={`/archive#${post?.date?.start_date?.substr(0, 7)}`}
href={`/category/${post.category}`}
passHref
className="font-light hover:underline cursor-pointer text-sm leading-4 mr-3">
className="cursor-pointer font-light text-sm hover:underline hover:text-indigo-700 dark:hover:text-indigo-400 transform">
<i className="far fa-calendar-alt mr-1" />
{post.date?.start_date || post.lastEditedTime}
<i className="mr-1 far fa-folder" />
{post.category}
</Link>
</div>
@@ -64,17 +64,19 @@ export const BlogPostCardInfo = ({ post, showPreview, showPageCover, showSummary
</div>
<div>
{/* 分类标签 */}
{/* 日期标签 */}
<div className="text-gray-400 justify-between flex">
{/* 日期 */}
<Link
href={`/category/${post.category}`}
href={`/archive#${post?.date?.start_date?.substr(0, 7)}`}
passHref
className="cursor-pointer font-light text-sm hover:underline hover:text-indigo-700 dark:hover:text-indigo-400 transform">
className="font-light hover:underline cursor-pointer text-sm leading-4 mr-3">
<i className="mr-1 far fa-folder" />
{post.category}
<i className="far fa-calendar-alt mr-1" />
{post.date?.start_date || post.lastEditedTime}
</Link>
<div className="md:flex-nowrap flex-wrap md:justify-start inline-block">
<div>
{' '}