Merge pull request #60 from brandonnorsworthy/button-transition

added a color transition to buttons
brandonnorsworthy · Sep 15, 2024 · 4c45e18 · 4c45e18
2 parents 39934cd + debc634
commit 4c45e18
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
@@ -27,7 +27,7 @@ const Button: React.FC<MenuButtonProps> = ({ text, onClick, type, htmlType = "bu
 
   return (
     <button
-      className={`text-xl font-bold font-roboto py-3 px-6 min-w-full sm:min-w-36 ${typeStyles}`}
+      className={`text-xl font-bold font-roboto py-3 px-6 min-w-full sm:min-w-36 transition-colors ${typeStyles}`}
       onClick={onClick}
       disabled={disabled}
       type={htmlType}

diff --git a/src/components/MenuButton/MenuButton.tsx b/src/components/MenuButton/MenuButton.tsx
@@ -9,7 +9,7 @@ interface MenuButtonProps {
 const MenuButton: React.FC<MenuButtonProps> = (props) => {
   return (
     <button
-      className="text-3xl font-bold text-white md:text-4xl md:text-white/50 hover:text-white font-roboto disabled:text-white/20"
+      className="text-3xl font-bold text-white transition-colors md:text-4xl md:text-white/50 hover:text-white font-roboto disabled:text-white/20"
       onClick={props.onClick}
       disabled={props.disabled || !props.onClick}
     >