chore: add view transition for pinned icon

This commit is contained in:
radishzzz 2025-04-02 22:39:21 +01:00
parent 594172c183
commit d2ca808197

View file

@ -45,20 +45,19 @@ function getPostPath(post: Post) {
data-disable-transition-on-theme
>
{post.data.title}
{/* pinned icon */}
{pinned && (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
aria-hidden="true"
class="ml-1 inline-block aspect-square w-3.7 shrink-0 translate-y--0.45 lg:(ml-1.8 w-4 translate-y--0.55)"
fill="currentColor"
>
<path d="M16.5 23.6c.6-6.1 1.1-8.6 7.2-15.5L15.9.4C9 6.5 6.5 7 .4 7.5l7.4 7.4-6.4 7 .7.7 7-6.4zm-.8-21.3 6 6c-5 6.1-5.7 8.1-6.2 12.2L3.4 8.5C7.5 8 9.5 7.3 15.6 2.3Z" />
</svg>
)}
</a>
{/* pinned icon */}
{pinned && (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
aria-hidden="true"
class="ml-1 inline-block aspect-square w-3.7 shrink-0 translate-y--0.45 lg:(ml-2 w-4 translate-y--0.55)"
fill="currentColor"
>
<path d="M16.5 23.6c.6-6.1 1.1-8.6 7.2-15.5L15.9.4C9 6.5 6.5 7 .4 7.5l7.4 7.4-6.4 7 .7.7 7-6.4zm-.8-21.3 6 6c-5 6.1-5.7 8.1-6.2 12.2L3.4 8.5C7.5 8 9.5 7.3 15.6 2.3Z" />
</svg>
)}
</h3>
{/* mobile post time */}