Add no picture display

ftsrg · Jul 4, 2024 · a069672 · a069672
1 parent 9894647
commit a069672
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/components/aboutpage-components/Member.tsx b/src/components/aboutpage-components/Member.tsx
@@ -30,6 +30,11 @@ const Member: React.FC<MemberProps> = ({
   return (
     <div className="feature-1 border person text-center d-flex flex-column justify-content-between">
       {avatarImage && <GatsbyImage image={avatarImage} className="img-fluid" alt={firstName + lastName} />}
+      {!avatarImage && (
+        <div className="img-fluid">
+          <FaUser />
+        </div>
+      )}
       <div className="feature-1-content">
         <h2>
           {memberName(t, { firstName, lastName, namePrefix, nameSuffix })}

diff --git a/src/utils/scss/_site-blocks.scss b/src/utils/scss/_site-blocks.scss
@@ -270,6 +270,13 @@
     border-radius: 50%;
     margin-left: auto;
     margin-right: auto;
+    background-color: $secondary-light;
+
+    > svg {
+      width: 70%;
+      height: 70%;
+      margin: 10% 15% 20% 15%;
+    }
   }
 }