feat: 投稿リスト一覧の作り変更(#134) (#135)
Merge branch 'main' into feature/134 #134 細部 #134 Co-authored-by: miteruzo <miteruzo@naver.com> Reviewed-on: #135
This commit was merged in pull request #135.
This commit is contained in:
@@ -12,15 +12,14 @@ export default (({ posts, onClick }: Props) => (
|
|||||||
<div className="flex flex-wrap gap-6 p-4">
|
<div className="flex flex-wrap gap-6 p-4">
|
||||||
{posts.map ((post, i) => (
|
{posts.map ((post, i) => (
|
||||||
<Link to={`/posts/${ post.id }`}
|
<Link to={`/posts/${ post.id }`}
|
||||||
key={i}
|
key={post.id}
|
||||||
className="w-40 h-40 overflow-hidden rounded-lg shadow-md hover:shadow-lg"
|
className="w-40 h-40 overflow-hidden rounded-lg shadow-md hover:shadow-lg"
|
||||||
onClick={onClick}>
|
onClick={onClick}>
|
||||||
<img src={post.thumbnail || post.thumbnailBase || undefined}
|
<img src={post.thumbnail || post.thumbnailBase || undefined}
|
||||||
alt={post.title || post.url}
|
alt={post.title || post.url}
|
||||||
title={post.title || post.url || undefined}
|
title={post.title || post.url || undefined}
|
||||||
loading="eager"
|
loading={i < 12 ? 'eager' : 'lazy'}
|
||||||
fetchPriority="high"
|
|
||||||
decoding="async"
|
decoding="async"
|
||||||
className="object-none w-full h-full" />
|
className="object-cover w-full h-full"/>
|
||||||
</Link>))}
|
</Link>))}
|
||||||
</div>)) satisfies FC<Props>
|
</div>)) satisfies FC<Props>
|
||||||
|
|||||||
Reference in New Issue
Block a user