From 5d11cf0dcd7446b0474c05ad434f1c9e76499f6f Mon Sep 17 00:00:00 2001 From: Sergey Elpashev Date: Mon, 14 Apr 2025 20:45:34 +0300 Subject: [PATCH] feat: button styles --- src/components/ui/Button.module.scss | 2 +- src/components/ui/Button.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/ui/Button.module.scss b/src/components/ui/Button.module.scss index b87661f..8ca1832 100644 --- a/src/components/ui/Button.module.scss +++ b/src/components/ui/Button.module.scss @@ -1,5 +1,5 @@ @reference '../../index.scss'; .button { - @apply rounded-2xl border-2 px-4 py-3 font-semibold text-white transition-colors hover:cursor-pointer; + @apply rounded-[23px] px-4 py-3 text-xl text-black shadow-[0px_4px_4px_0px_rgba(0,0,0,0.25)] transition-colors hover:cursor-pointer; } diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx index 19c6e23..f9f3a1a 100644 --- a/src/components/ui/Button.tsx +++ b/src/components/ui/Button.tsx @@ -5,8 +5,8 @@ const button = tv({ base: classes.button, variants: { color: { - primary: "bg-blue-400 hover:bg-blue-500", - secondary: "bg-red-400 hover:bg-red-500", + primary: "bg-[rgba(206,232,251,0.7)] hover:bg-[rgba(206,232,251,0.9)]", + secondary: "bg-[rgba(255,251,197,0.68)] hover:bg-[rgba(255,251,197,0.9)]", }, }, });