improving the story cards

Riverscapes · Dec 12, 2023 · 4ec1241 · 4ec1241
1 parent e2118b1
commit 4ec1241
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/sites/devsite/content/page/our-work/standards/tool-standards/index.mdx b/sites/devsite/content/page/our-work/standards/tool-standards/index.mdx
@@ -2,8 +2,6 @@
 title: Tool Standards
 description: "Tool Standards"
 blurb: "Tools that follow RC standards are labeled RC-Compliant"
-image: ../../../card-image.jpg
-imageAlt: "Image Alt Sample"
 banner: true
 ---
 

diff --git a/theme/src/components/ImgCard.tsx b/theme/src/components/ImgCard.tsx
@@ -18,10 +18,17 @@ interface ImgCardProps {
 
 const ImgCard: React.FC<ImgCardProps> = ({ to, img, imgAlt, heading, headingVariant, children }) => {
   const theme = useTheme()
+  const imgIsString = typeof img === 'string'
   return (
     <Card>
       <CardActionArea component={Link} to={to}>
-        <GatsbyImage image={img} alt={imgAlt} />
+        {imgIsString ? (
+          <Box>
+            <img src={img} alt={imgAlt} style={{ width: '100%', height: '100%', objectFit: 'cover' }} />
+          </Box>
+        ) : (
+          <GatsbyImage image={img} alt={imgAlt} />
+        )}
         <CardContent>
           <Typography gutterBottom variant={headingVariant} component="div">
             {heading}