From 7afb7dcba061a1772cb4314d5300a91d38c0488b Mon Sep 17 00:00:00 2001 From: toddriley Date: Mon, 2 Oct 2023 10:13:48 -0400 Subject: [PATCH] Tweak button alignment. --- docs/src/components/Button.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/docs/src/components/Button.tsx b/docs/src/components/Button.tsx index 9f76bf82..beea5989 100644 --- a/docs/src/components/Button.tsx +++ b/docs/src/components/Button.tsx @@ -27,6 +27,7 @@ export function Button({ "hover:text-white", "hover:bg-blue", "cursor-pointer", + isDepressed && "mt-[1px]", isDepressed ? "text-white" : "text-black", isDepressed ? "bg-blue" : "bg-white", isDepressed ? "shadow-none" : "shadow-button", @@ -36,12 +37,14 @@ export function Button({ "tablet:text-[22px]", "tablet:border-[3px]", "tablet:rounded-[10px]", + isDepressed && "tablet:mt-[2px]", isDepressed ? "shadow-none" : "tablet:shadow-button-tablet", isWide ? "desktop:w-[232px]" : "desktop:w-[110px]", "desktop:h-[53px]", "desktop:text-[34px]", "desktop:border-[4px]", "desktop:rounded-[16px]", + isDepressed && "tablet:mt-[3px]", ])} > {text}