zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: styling

Browse source
This commit is contained in:
Anthony Fu 2022-11-14 00:05:32 +08:00
parent 8424b7b98b
commit 4adab40932
17 changed files with 330 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

11
components/PostActions.vue
View file

@ -7,18 +7,21 @@ const props = defineProps<{
</script>
<template>
<div flex justify-around px-2>
<button flex gap-1 items-center>
<div flex justify-between gap-4>
<button flex gap-1 justify-center items-center p1 w-full rounded hover="bg-gray/10">
<div i-ri:chat-3-line />
<span>{{ post.replies_count }}</span>
</button>
<button flex gap-1 items-center>
<button flex gap-1 justify-center items-center p1 w-full rounded hover="bg-gray/10">
<div i-ri:repeat-fill />
<span>{{ post.reblogs_count }}</span>
</button>
<button flex gap-1 items-center>
<button flex gap-1 justify-center items-center p1 w-full rounded hover="bg-gray/10">
<div i-ri:heart-3-line />
<span>{{ post.favourites_count }}</span>
</button>
<button flex gap-1 justify-center items-center p1 w-full rounded hover="bg-gray/10">
<div i-ri:more-2-fill />
</button>
</div>
</template>