From 681a7606d5e2afc7526c330c4ddaf54fffde52cd Mon Sep 17 00:00:00 2001 From: sasha-astiadi Date: Thu, 6 Nov 2025 22:45:04 +0100 Subject: [PATCH] feat: update outline button styles for cleaner appearance - Changed background from white/90 to transparent for better visual consistency - Removed hover state from cyan outline variant to simplify interaction design --- src/components/Button.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/Button.tsx b/src/components/Button.tsx index 1edcfc7..f9a11df 100644 --- a/src/components/Button.tsx +++ b/src/components/Button.tsx @@ -5,7 +5,7 @@ const baseStyles = { solid: 'inline-flex justify-center rounded-full py-2 px-5 text-base font-semibold transition-colors', outline: - 'inline-flex justify-center bg-white/90 hover:bg-[#fafafa] rounded-full border py-[calc(--spacing(2)-1px)] px-[calc(--spacing(5)-1px)] text-base transition-colors', + 'inline-flex justify-center bg-transparent rounded-full border py-[calc(--spacing(2)-1px)] px-[calc(--spacing(5)-1px)] text-base transition-colors', } const variantStyles = { @@ -17,7 +17,7 @@ const variantStyles = { green: 'bg-green-500 text-white hover:bg-green-600', }, outline: { - cyan: 'border-cyan-500 text-cyan-500 hover:bg-cyan-50', + cyan: 'border-cyan-500 text-cyan-500', gray: 'border-gray-300 text-gray-700 hover:border-cyan-500 active:border-cyan-500', white: 'border-gray-300 text-white hover:border-cyan-500 active:border-cyan-500', },