diff options
Diffstat (limited to 'frontend/src/lib/pills/Pill.svelte')
| -rw-r--r-- | frontend/src/lib/pills/Pill.svelte | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/frontend/src/lib/pills/Pill.svelte b/frontend/src/lib/pills/Pill.svelte index 24d617d..5d5b5a8 100644 --- a/frontend/src/lib/pills/Pill.svelte +++ b/frontend/src/lib/pills/Pill.svelte @@ -15,12 +15,14 @@ let { name, tooltip, colour = 'zinc', icon }: Props = $props(); </script> -<div class="flex items-center rounded border p-0.5 {colour}" title={tooltip}> +<div class="flex items-center rounded-sm border p-0.5 {colour}" title={tooltip}> {@render icon?.()} <span>{name}</span> </div> <style lang="postcss"> + @reference "tailwindcss/theme" + .pink { @apply border-pink-800 bg-pink-800/20 text-pink-200; } |