Minor style changes

This commit is contained in:
Hollgy 2024-03-20 14:59:14 +01:00
parent 7b87c92139
commit 458cf196e9
4 changed files with 6 additions and 6 deletions

View file

@ -8,12 +8,12 @@ export default function EngagementButton({ post }: { post: Post }): JSXElement {
<> <>
<div class="flex p-1"> <div class="flex p-1">
<button <button
class="btn btn-xs hover:border-primary" class="btn btn-xs hover:border-primary rounded-base"
aria-label="Show sign of engagement" aria-label="Show sign of engagement"
> >
<EngagementIcon /> <EngagementIcon />
</button> </button>
<span class="text-1xl countdown text-center pt-1.5"> <span class="text-1xl countdown text-center pt-1.5 px-1.5">
<p style={{ "--value": 46 }}>{post.votes}</p> <p style={{ "--value": 46 }}>{post.votes}</p>
</span> </span>
</div> </div>

View file

@ -8,12 +8,12 @@ export default function ReplyButton({ post }: { post: Post }): JSXElement {
<> <>
<div class="flex p-1"> <div class="flex p-1">
<button <button
class="btn btn-xs hover:border-primary" class="btn btn-xs hover:border-primary rounded-base"
aria-label="Show sign of engagement" aria-label="Show sign of engagement"
> >
<ReplyIcon /> <ReplyIcon />
</button> </button>
<span class="text-1xl countdown text-center pt-1.5"> <span class="text-1xl countdown text-center pt-1.5 px-1.5">
<p style={{ "--value": 11 }}>{post.comments}</p> <p style={{ "--value": 11 }}>{post.comments}</p>
</span> </span>
</div> </div>

View file

@ -9,7 +9,7 @@ export default function ReportButton(): JSXElement {
<Show when={login_ctx.loggedIn()}> <Show when={login_ctx.loggedIn()}>
<div class="flex p-1"> <div class="flex p-1">
<button <button
class="btn btn-xs hover:border-primary" class="rounded-base btn btn-xs hover:border-primary"
aria-label="Report post or comment" aria-label="Report post or comment"
> >
<ReportIcon /> <ReportIcon />

View file

@ -14,7 +14,7 @@ export default function ToPostButton({ post }: { post: Post }): JSXElement {
<div class="p-1"> <div class="p-1">
<button <button
onClick={(): void => nav("/post/" + post.id)} onClick={(): void => nav("/post/" + post.id)}
class="btn btn-xs" class="btn btn-xs hover:border-primary"
aria-label="View post" aria-label="View post"
> >
<Arrow /> <Arrow />