ensure people badges below project tiles are always square aspect ratio

V1Michigan · Dec 25, 2024 · cc4b11a · cc4b11a
1 parent b3f5b0e
commit cc4b11a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/components/projects/ProjectTile.tsx b/components/projects/ProjectTile.tsx
@@ -150,8 +150,12 @@ export default function ProjectTile({ project }: { project: Project }) {
             {imagesQuery?.data &&
               Object.entries(imagesQuery?.data).map(
                 ([key, value]: [string, string]) => (
-                  <span className="avatar rounded-full relative border-[2px] border-[#F8F8F8] w-[30px] overflow-hidden">
-                    <img className="w-full block" src={value} alt="temp" />
+                  <span className="avatar rounded-full relative border-[2px] border-[#F8F8F8] w-[30px] h-[30px] overflow-hidden">
+                    <img
+                      className="w-full h-full object-cover"
+                      src={value}
+                      alt="temp"
+                    />
                   </span>
                 )
               )}

diff --git a/components/startups/StartupTile.tsx b/components/startups/StartupTile.tsx
@@ -184,8 +184,12 @@ export default function StartupTile({ startup }: { startup: Startup }) {
             {imagesQuery?.data &&
               Object.entries(imagesQuery?.data).map(
                 ([key, value]: [string, string]) => (
-                  <span className="avatar rounded-full relative border-[2px] border-[#F8F8F8] w-[30px] overflow-hidden">
-                    <img className="w-full block" src={value} alt="temp" />
+                  <span className="avatar rounded-full relative border-[2px] border-[#F8F8F8] w-[30px] h-[30px] overflow-hidden">
+                    <img
+                      className="w-full h-full object-cover"
+                      src={value}
+                      alt="temp"
+                    />
                   </span>
                 )
               )}