alice.pds.demo.boltless.dev
This repository has no description
web/components/issues: improve IssueStatePill look
Signed-off-by: eti <eti@eti.tf>
author
eti
committer
dawn
date
(Jul 31, 2026, 10:57 PM +0300)
commit
50dd0397
50dd0397855e72f4ad67d2f085a2b24af5b57cf6
parent
d9293ffb
d9293ffba9f91f6063f0eca718525d2146bf0bcb
change-id
wtywnkwm
wtywnkwmvtzqtvnnyysnmstxorlttnrk
+2
-2
+2
-2
web/src/lib/components/repo/issues/IssueStatePill.svelte
+2
-2
web/src/lib/components/repo/issues/IssueStatePill.svelte
···
2
2
import { tv, type VariantProps } from "tailwind-variants";
3
3
4
4
export const issueStatePill = tv({
5
-
base: "inline-flex items-center gap-1.5 rounded-sm px-2 py-1 text-sm text-foreground-on-emphasis select-none",
5
+
base: "inline-flex items-center gap-1 rounded-sm px-2 py-1 typography-paragraph-small text-foreground-on-emphasis select-none",
6
6
variants: {
7
7
state: {
8
8
open: "bg-background-success-emphasis",
···
39
39
centred label reads high. nudge the text alone (a transform, so the icon and the
40
40
pill's height are untouched) to land it on the optical centre.
41
41
-->
42
-
<span class="translate-y-[1.5px]">{label}</span>
42
+
<span>{label}</span>
43
43
</span>