mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-17 23:16:50 +00:00
Blog Card 样式微调
This commit is contained in:
@@ -33,16 +33,16 @@ export const Blog = ({ posts }) => {
|
||||
return (
|
||||
<div key={index} className='w-full px-4'>
|
||||
<div
|
||||
className='wow fadeInUp group mb-10 relative overflow-hidden rounded-[10px]'
|
||||
className='wow fadeInUp group mb-10 relative overflow-hidden'
|
||||
data-wow-delay='.1s'>
|
||||
{/* 图片部分 */}
|
||||
<div className='relative'>
|
||||
<div className='relative rounded-xl border overflow-hidden shadow-md dark:border-gray-700 dark:bg-gray-800'>
|
||||
{item.pageCoverThumbnail && (
|
||||
<Link href={item?.href} className='block'>
|
||||
<LazyImage
|
||||
src={item.pageCoverThumbnail}
|
||||
alt={item.title}
|
||||
className='w-full h-80 object-cover transition-transform duration-500'
|
||||
className='w-full h-80 object-cover transition-transform duration-500 rounded-xl'
|
||||
/>
|
||||
</Link>
|
||||
)}
|
||||
@@ -51,7 +51,7 @@ export const Blog = ({ posts }) => {
|
||||
</div>
|
||||
{/* 内容部分 */}
|
||||
<div className='relative z-10 p-4'>
|
||||
<span className='mb-6 inline-block rounded-[10px] bg-primary px-4 py-0.5 text-center text-xs font-medium leading-loose text-white'>
|
||||
<span className='mb-6 inline-block bg-primary px-4 py-0.5 text-center text-xs font-medium leading-loose text-white'>
|
||||
{item.publishDay}
|
||||
</span>
|
||||
<h3>
|
||||
|
||||
Reference in New Issue
Block a user