From 96ce62705e08ba07866af238ee8b426e1348b057 Mon Sep 17 00:00:00 2001 From: pheralb Date: Mon, 25 Aug 2025 19:05:58 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Add=20radial=20button=20variant?= =?UTF-8?q?=20with=20custom=20styles?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/ui/button/button.variants.ts | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/components/ui/button/button.variants.ts b/src/components/ui/button/button.variants.ts index 5bdc9f3..a5ba02e 100644 --- a/src/components/ui/button/button.variants.ts +++ b/src/components/ui/button/button.variants.ts @@ -6,6 +6,8 @@ const buttonVariants = tv({ variant: { default: "bg-neutral-900 text-neutral-50 shadow hover:bg-neutral-900/90 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/70", + radial: + "bg-radial-[at_52%_-52%] **:[text-shadow:0_1px_0_var(--color-neutral-950)] border-neutral-950 from-neutral-950/70 to-neutral-950/95 text-white inset-shadow-2xs inset-shadow-white/25 border text-sm shadow-md shadow-neutral-950/30 ring-0 transition-[filter] duration-200 hover:brightness-125 active:brightness-95 dark:border-0", destructive: "bg-red-500 text-neutral-50 shadow-sm hover:bg-red-500/90 dark:bg-red-900 dark:text-neutral-50 dark:hover:bg-red-900/90", outline: