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

css

Browse Source
This commit is contained in:
Blackberry009
2025-06-30 13:58:56 +08:00
parent 120593f329
commit b907030f32
2 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
themes/typography/components/BlogArchiveItem.js
View File

@@ -17,16 +17,15 @@ export default function BlogArchiveItem({ archiveTitle, archivePosts }) {
return (
<li
key={post.id}
className='border-l-2 p-1 text-xs md:text-base items-center hover:scale-x-105 hover:border-gray-500 dark:hover:border-gray-300 dark:border-gray-400 transform duration-500'>
<div id={post?.publishDay}>
<span className='text-gray-400'>{post.date?.start_date}</span>{' '}
&nbsp;
className='p-1 pl-0 text-xs md:text-base items-center '>
<div id={post?.publishDay} className='flex justify-between'>
<Link
href={post?.href}
passHref
className='dark:text-gray-400 dark:hover:text-gray-300 overflow-x-hidden hover:underline cursor-pointer text-gray-600'>
{post.title}
</Link>
<span className='text-gray-400'>{post.date?.start_date}</span>
</div>
</li>
)

6
themes/typography/components/BlogItem.js
View File

@@ -15,7 +15,7 @@ export const BlogItem = props => {
const showPreview =
siteConfig('POST_LIST_PREVIEW', false, NOTION_CONFIG) && post.blockMap
return (
<div key={post.id} className='h-42 my-6 pb-7'>
<div key={post.id} className='h-42 mt-6 mb-10'>
{/* 文章标题 */}
<div className='flex'>
@@ -46,7 +46,7 @@ export const BlogItem = props => {
</h2>
{/* 文章信息 */}
<header className='mb-5 text-md text-[var(--primary-color)] dark:text-gray-300 flex-wrap flex items-center leading-6'>
<header className='text-md text-[var(--primary-color)] dark:text-gray-300 flex-wrap flex items-center leading-6'>
<div className='space-x-2'>
<span className='text-sm'>
发布于
@@ -81,7 +81,7 @@ export const BlogItem = props => {
</div>
</header>
<main className='text-[var(--primary-color)] dark:text-gray-300 mb-6 line-clamp-4 overflow-hidden text-ellipsis relative leading-[1.7]'>
<main className='text-[var(--primary-color)] dark:text-gray-300 line-clamp-4 overflow-hidden text-ellipsis relative leading-[1.7]'>
{!showPreview && (
<>
{post.summary}