Minor style changes
This commit is contained in:
parent
7b87c92139
commit
458cf196e9
4 changed files with 6 additions and 6 deletions
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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 />
|
||||||
|
|
|
@ -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 />
|
||||||
|
|
Loading…
Reference in a new issue