Fix Card alignment

ClickHouse · Sep 28, 2023 · 9f42dc9 · 9f42dc9
1 parent 6afc7f2
commit 9f42dc9
Showing 1 changed file with 12 additions and 24 deletions.
diff --git a/src/components/CardPrimary/CardPrimary.tsx b/src/components/CardPrimary/CardPrimary.tsx
@@ -102,16 +102,6 @@ const Content = styled.div<{ $size?: "sm" | "md" }>`
   flex: 1;
 `;
 
-const ContentContainer = styled.div<{ $size?: "sm" | "md" }>`
-  display: flex;
-  flex-direction: column;
-  align-self: center;
-  justify-content: space-between;
-  width: 100%;
-  height: 100%;
-  gap: ${({ $size = "md", theme }) => theme.click.card.primary.space[$size].gap};
-`;
-
 export const CardPrimary = ({
   title,
   icon,
@@ -152,22 +142,20 @@ export const CardPrimary = ({
         <Title type="h3">{title}</Title>
       </Header>
 
-      <ContentContainer>
-        <Content $size={size}>
-          <Text color="muted">{description}</Text>
-        </Content>
+      <Content $size={size}>
+        <Text color="muted">{description}</Text>
+      </Content>
 
-        {size == "sm" && <Spacer size="sm" />}
+      {size == "sm" && <Spacer size="sm" />}
 
-        {infoText && (
-          <Component
-            onClick={handleClick}
-            disabled={disabled}
-          >
-            {infoText}
-          </Component>
-        )}
-      </ContentContainer>
+      {infoText && (
+        <Component
+          onClick={handleClick}
+          disabled={disabled}
+        >
+          {infoText}
+        </Component>
+      )}
     </Wrapper>
   );
 };