diff options
| author | Wolfgang Müller | 2025-02-14 11:57:03 +0100 |
|---|---|---|
| committer | Wolfgang Müller | 2025-02-14 11:57:03 +0100 |
| commit | 1421152a9356c7def86143dfb31a3586d5491d55 (patch) | |
| tree | 15280e72426d2100cb1556bf420eced020182dcd /frontend/src/lib/pills/Pill.svelte | |
| parent | bbf03cbc2822094cffe868e0710d2a8f7e1096c0 (diff) | |
| download | hircine-1421152a9356c7def86143dfb31a3586d5491d55.tar.gz | |
frontend: Migrate to Tailwind 4.0
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; } |