diff --git a/src/components/ArticleCard/ArticlePublishDetails.tsx b/src/components/ArticleCard/ArticlePublishDetails.tsx index 77c1e38..a619b30 100644 --- a/src/components/ArticleCard/ArticlePublishDetails.tsx +++ b/src/components/ArticleCard/ArticlePublishDetails.tsx @@ -27,7 +27,7 @@ export function ArticlePublishDetails({ className={cn( variant === "dark" && " text-custom-dim", variant === "light" && " text-gray-500", - "flex items-center gap-2 whitespace-nowrap text-center text-sm", + "flex flex-wrap items-center gap-1 whitespace-nowrap text-center text-sm md:gap-2", className )} style={{ textShadow: variant === "dark" ? "0px 1px 2px rgba(26, 26, 27, 1)" : undefined }} diff --git a/src/components/ArticleCard/HeroArticleCard.tsx b/src/components/ArticleCard/HeroArticleCard.tsx index 9b3e6e8..a906398 100644 --- a/src/components/ArticleCard/HeroArticleCard.tsx +++ b/src/components/ArticleCard/HeroArticleCard.tsx @@ -29,7 +29,7 @@ export function HeroArticleCard({ const locale = useLocale() return ( -
+
{imageUrl && ( )} -
+
{asLink && (
-
+