From 0e064dd9b712a27f6b56cf7f32b40527d1b8b0e8 Mon Sep 17 00:00:00 2001
From: Zeke Abshire <zekeabshire@gmail.com>
Date: Fri, 24 Mar 2023 03:15:36 -0500
Subject: [PATCH] Cleaned + added a few comments

---
 src/components/Button.tsx |  6 +-----
 tailwind.config.cjs       | 16 ++++++++++++++++
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index d6f3999..bfa9e5c 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -62,11 +62,7 @@ export const Button: React.FC<Props> = (props) => {
   if (linkProps.href) {
     const { href, ...rest } = linkProps;
     return (
-      <Link
-        href={href}
-        {...rest}
-        className={cx(button(variant), className, "bg-red-500")}
-      >
+      <Link href={href} {...rest} className={cx(button(variant), className)}>
         {buttonContent}
       </Link>
     );
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 5123aa1..24d2ca3 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -104,6 +104,8 @@ module.exports = {
         blur: "0 0 5px #303030",
       },
       keyframes: {
+        // === Radix UI =======================================================
+        // DropdownMenu
         slideDownAndFade: {
           from: { opacity: 0, transform: "translateY(-2px)" },
           to: { opacity: 1, transform: "translateY(0)" },
@@ -120,8 +122,19 @@ module.exports = {
           from: { opacity: 0, transform: "translateX(2px)" },
           to: { opacity: 1, transform: "translateX(0)" },
         },
+        // Dialog
+        overlayShow: {
+          from: { opacity: 0 },
+          to: { opacity: 1 },
+        },
+        contentShow: {
+          from: { opacity: 0, transform: "translate(-50%, -48%) scale(0.96)" },
+          to: { opacity: 1, transform: "translate(-50%, -50%) scale(1)" },
+        },
       },
       animation: {
+        // === Radix UI =======================================================
+        // DropdownMenu
         slideDownAndFade:
           "slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
         slideLeftAndFade:
@@ -129,6 +142,9 @@ module.exports = {
         slideUpAndFade: "slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
         slideRightAndFade:
           "slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
+        // Dialog
+        overlayShow: "overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        contentShow: "contentShow 300ms cubic-bezier(0.16, 1, 0.3, 1)",
       },
     },
   },