🐛 UI - Added Back Erraneous Margin Removal on UtilityButton (#1554)

* Added back erraneous margin removal * Added field in Tina to remove margin from utilityButton
SSWConsulting · Oct 19, 2023 · 405e05c · 405e05c
1 parent 9268f9c
commit 405e05c
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/.tina/__generated__/_graphql.json b/.tina/__generated__/_graphql.json
diff --git a/.tina/__generated__/_schema.json b/.tina/__generated__/_schema.json
diff --git a/components/button/utilityButton.tsx b/components/button/utilityButton.tsx
@@ -15,6 +15,7 @@ type UtilityButtonProps = {
   size?: keyof typeof sizes;
   noAnimate?: boolean;
   uncentered?: boolean;
+  removeTopMargin?: boolean;
 };
 
 export const UtilityButton = ({
@@ -25,6 +26,7 @@ export const UtilityButton = ({
   size,
   noAnimate,
   uncentered,
+  removeTopMargin,
 }: UtilityButtonProps) => {
   const baseComponent = (
     <Button
@@ -33,6 +35,7 @@ export const UtilityButton = ({
         "h-auto",
         sizes[size ?? "medium"],
         uncentered ? "" : "mx-auto max-w-full",
+        removeTopMargin ? "" : "mt-8",
         className
       )}
       onClick={onClick}
@@ -95,5 +98,11 @@ export const utilityButtonSchema: Template = {
       name: "uncentered",
       required: false,
     },
+    {
+      type: "boolean",
+      label: "Remove top margin",
+      name: "removeTopMargin",
+      required: false,
+    },
   ],
 };