matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Add small badge

Browse source
This commit is contained in:
Jon Staab 2026-07-03 16:50:12 -07:00
parent e36f2d995e
commit 9ca73eb162
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/components/RoleBadge.svelte
View file

@ -9,7 +9,7 @@
</script> </script>
<div <div
class="badge w-fit min-w-0" class="badge badge-sm w-fit min-w-0"
style="background-color: {roleColorSoft(role.color)}; border-color: {roleColor( style="background-color: {roleColorSoft(role.color)}; border-color: {roleColor(
role.color, role.color,
)}; color: {roleColor(role.color)};"> )}; color: {roleColor(role.color)};">

4
src/lib/components/badge.css
View file

@ -2,6 +2,10 @@
.badge { .badge {
@apply inline-flex items-center gap-1 rounded-full border-2 border-solid border-transparent px-2 py-1 text-sm font-semibold whitespace-nowrap; @apply inline-flex items-center gap-1 rounded-full border-2 border-solid border-transparent px-2 py-1 text-sm font-semibold whitespace-nowrap;
&.badge-sm {
@apply h-6 text-xs;
}
&.badge-neutral { &.badge-neutral {
@apply bg-surface-less text-content-muted border-line; @apply bg-surface-less text-content-muted border-line;
} }