Merge pull request #1074 from starknet-io/post-card-maxw

Fix single card taking whole space in blog
starknet-io · Jul 21, 2023 · fa018c0 · fa018c0
2 parents a9752f2 + db160c0
commit fa018c0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/workspaces/website/src/components/ArticleCard/ArticleCard.tsx b/workspaces/website/src/components/ArticleCard/ArticleCard.tsx
@@ -6,6 +6,7 @@ import {
   Image as ChakraImage,
   Icon,
   Flex,
+  ChakraProps,
 } from "@chakra-ui/react";
 import { Text } from "@ui/Typography/Text";
 import { Heading } from "@ui/Typography/Heading";
@@ -17,11 +18,12 @@ type RootProps = {
   children: React.ReactNode;
   href: string;
   type?: | "grid" | "featured";
+  sx?: ChakraProps['sx']
 };
 
-const Root = ({ children, href, type = "grid" }: RootProps) => {
+const Root = ({ children, href, type = "grid", sx }: RootProps) => {
   return (
-    <CardGradientBorder padding="0" borderRadius={{ base: "8px" }} overflow="hidden">
+    <CardGradientBorder padding="0" borderRadius={{ base: "8px" }} overflow="hidden" sx={sx}>
       <Box as="a" href={href} _hover={{ textDecor: "none" }} role="group">
         <Box p="0" height="full" borderRadius="8px" bg="card-bg">
           <Flex

diff --git a/workspaces/website/src/pages/posts/PostsPage.tsx b/workspaces/website/src/pages/posts/PostsPage.tsx
@@ -447,6 +447,7 @@ function CustomHits({ categories, params }: Pick<Props, "categories" | "params">
             <ArticleCard.Root
               href={`/${hit.locale}/posts/${category?.slug}/${hit.slug}`}
               key={i}
+              sx={{maxW: {base: "none", lg: "440px", xl: "400px"}}}
             >
               <ArticleCard.Image url={hit.image} />