xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-16 01:01:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

update post list styles

Browse Source
This commit is contained in:
DefectingCat
2022-09-13 15:55:33 +08:00
parent 7a6acd0a90
commit 1a1b29b28a
2 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/PostCard.tsx
View File

@ -17,15 +17,20 @@ const PostCard = ({ post }: Props) => {
'hover:bg-sky-100 hover:bg-opacity-50',
// 'hover:bg-rua-gray-100 hover:bg-opacity-10',
'dark:hover:bg-rua-gray-800 dark:hover:bg-opacity-100',
'flex items-center justify-between text-gray-800 ',
'mb-4 dark:text-gray-200'
'flex justify-between text-gray-800 ',
'mb-4 dark:text-gray-200',
'flex-col'
)}
>
<div className="flex-1">
<div className="flex justify-between">
<h2 className="mb-4 text-3xl font-semibold font-Barlow">
{post.title}
</h2>
<div className="hidden lg:block">{post.date}</div>
</div>
<div className="flex justify-between">
<div className="flex items-center text-sm">
{post.tags.map((tag) => (
<div key={tag} className="mr-4 last:mr-0">
@ -33,9 +38,9 @@ const PostCard = ({ post }: Props) => {
</div>
))}
</div>
</div>
<div>{post.date}</div>
<div className="lg:hidden">{post.date}</div>
</div>
</article>
</a>
</Link>

2
data/posts/object-around-in-threejs.mdx
View File

@ -87,4 +87,4 @@ earth.getWorldPosition(position);
## Demo
<RUACodeSandbox url="https://codesandbox.io/embed/arounding-box-b1g4qq?fontsize=14&hidenavigation=1&theme=light&view=preview" />
<RUACodeSandbox url="https://codesandbox.io/s/arounding-box-b1g4qq" />