DeXun/fad-trade-next
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(blog): 优化文章卡片悬停和点击效果

Browse Source 
添加悬停动画、阴影效果和点击反馈，提升用户体验
This commit is contained in:
Joshi
2025-11-21 14:58:41 +08:00
parent 8b73b47d02
commit 9758df608e
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/[locale]/blog/page.tsx
View File

@@ -89,7 +89,7 @@ export default async function Page({
key={post.slug} key={post.slug}
href={`/blog${post.slug}`} href={`/blog${post.slug}`}
prefetch={false} prefetch={false}
className="block rounded-md mb-4 bg-gray-100 px-6 py-5 hover:bg-gray-200 transition-colors" className="block rounded-md mb-4 bg-gray-100 px-6 py-5 transition-all duration-200 shadow hover:bg-gray-200 hover:translate-y-[1px] hover:shadow-inner active:translate-y-[2px] active:shadow-inner focus:outline-none focus:ring-1 focus:ring-gray-300"
> >
<div className="flex items-center"> <div className="flex items-center">
<div className="flex-1 pr-4"> <div className="flex-1 pr-4">