From 99295811a5f3a653a05fe94dcca123d6ce7d3840 Mon Sep 17 00:00:00 2001 From: Anirudh Oppiliappan Date: Fri, 14 Feb 2025 17:38:14 +0200 Subject: [PATCH] make button subtler --- input.css | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/input.css b/input.css index ccf7f443..57050bd1 100644 --- a/input.css +++ b/input.css @@ -26,21 +26,20 @@ @layer components { .btn { - @apply relative z-10 inline-flex min-h-[36px] cursor-pointer items-center - justify-center border-0 bg-transparent px-3 pb-[0.3rem] text-base + @apply relative z-10 inline-flex min-h-[30px] cursor-pointer items-center + justify-center border-0 bg-transparent px-2 pb-[0.2rem] text-base text-gray-900 before:absolute before:inset-0 before:-z-10 before:block before:rounded-sm before:border before:border-blue-200 - before:bg-white before:shadow-[0_4px_3px_0_rgba(20,20,96,0.1),inset_0_-5px_0_0_#e5edff] + before:bg-white before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-3px_0_0_#e5edff] before:content-[''] hover:before:border-blue-300 hover:before:bg-blue-50 - hover:before:shadow-[0_4px_3px_0_rgba(20,20,96,0.1),inset_0_-5px_0_0_#e5edff] + hover:before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-3px_0_0_#e5edff] focus:outline-none focus-visible:before:outline focus-visible:before:outline-4 focus-visible:before:outline-blue-500 - active:border-t-4 active:border-transparent active:py-1 + active:border-t-2 active:border-transparent active:py-1 active:before:shadow-none; } } - @layer utilities { .error { @apply py-1 border-red-400 text-red-600; -- 2.54.0