ansxor.ca
bluesky client without react native baggage written in sveltekit
fixed the sticky header issue
+4
-4
src/lib/components/Post.svelte
+4
-4
src/lib/components/Post.svelte
···
116
116
</div>
117
117
{/if}
118
118
{#if liked}
119
-
<button class="flex grow items-center gap-1 hover:cursor-pointer" onclick={unlikePost}>
119
+
<button aria-label={`Unlike this post, {likeCount+1} likes`} aria-pressed={true} class="flex grow items-center gap-1 hover:cursor-pointer" onclick={unlikePost}>
120
120
<span class="text-4.5 icon-[icon-park-solid--like] h-4.5 w-4.5 text-red-500"></span>
121
-
{(likeCount ?? 0) + 1}
121
+
<span aria-hidden={true}>{(likeCount ?? 0) + 1}</span>
122
122
</button>
123
123
{:else}
124
-
<button class="flex grow items-center gap-1 hover:cursor-pointer" onclick={likePost}>
124
+
<button aria-label={`Like this post, {likeCount} likes`} aria-pressed={false} class="flex grow items-center gap-1 hover:cursor-pointer" onclick={likePost}>
125
125
<span class="text-4.5 icon-[icon-park-outline--like] h-4.5 w-4.5"></span>
126
-
{likeCount}
126
+
<span aria-hidden={true}>{likeCount}</span>
127
127
</button>
128
128
{/if}
129
129
</div>