fix(RequirementButton): consistent styling with chain & visibility in…

…dicators
guildxyz · Oct 4, 2024 · 7958830 · 7958830
1 parent 473da3e
commit 7958830
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/[guild]/Requirements/components/Requirement.tsx b/src/components/[guild]/Requirements/components/Requirement.tsx
@@ -71,7 +71,7 @@ const Requirement = ({
           </ImageWrapper>
         </RequirementImageCircle>
       </Box>
-      <VStack alignItems={"flex-start"} alignSelf="center" spacing={0.5}>
+      <VStack alignItems={"flex-start"} alignSelf="center" spacing={1}>
         <ChildrenWrapper display="inline-block">
           {requirement?.isNegated && <Tag mr="2">DON'T</Tag>}
           {requirement?.type === "LINK_VISIT"
@@ -80,7 +80,7 @@ const Requirement = ({
         </ChildrenWrapper>
 
         {shouldShowFooter && (
-          <div className="flex flex-wrap items-center gap-1.5">
+          <div className="flex flex-wrap items-center gap-2">
             {!setValue && (
               <Visibility
                 visibilityRoleId={requirement?.visibilityRoleId || null}

diff --git a/src/components/[guild]/Requirements/components/RequirementButton.tsx b/src/components/[guild]/Requirements/components/RequirementButton.tsx
@@ -21,6 +21,7 @@ const RequirementButton = forwardRef(
           [anchorVariants({ variant: "muted", className: "px-0" })]:
             variant === "unstyled",
         },
+        "h-5 rounded-md",
         className
       )}
       {...buttonProps}
@@ -52,6 +53,7 @@ const RequirementLink = ({
           variant === "link" ? "unstyled" : (variant as ButtonProps["variant"]),
         size: "xs",
         className: [
+          "h-5 rounded-md",
           {
             [anchorVariants({ variant: "muted", className: "px-0" })]:
               variant === "link",