fixes the image dimension problem (#71)

* fixes the image dimension problem * fixed image url * fixed margin
middlewarehq · Dec 11, 2023 · c106870 · c106870
1 parent 5d3fc79
commit c106870
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/templates/CodeReviews.tsx b/src/components/templates/CodeReviews.tsx
@@ -24,7 +24,7 @@ export const CodeReviews: FC<CodeReviewsData & Username> = ({
           <p tw="m-0 mt-2">Insta followers</p>
         </div>
       </div>
-      <div tw="flex flex-col p-1 w-full h-full text-center relative justify-center items-center">
+      <div tw="flex flex-col p-1 w-full h-full text-center relative justify-center items-center -mt-4">
         <div tw="flex text-4xl -mt-12 text-black items-baseline text-center">
           <h1 tw="m-0 relative top-2">
             {totalReviewers} dev{totalReviewers === 1 ? '' : 's'}

diff --git a/src/components/templates/Dependants.tsx b/src/components/templates/Dependants.tsx
@@ -20,7 +20,7 @@ export const Dependants: FC<DependantsData & Username> = ({
     .map((userName) => '@' + shortenUsername(userName));
   const centralNode = {
     userName: '@' + shortenUsername(username),
-    avatar: userAvatar
+    avatar: `${userAvatar}&size=80`
   };
   return (
     <RootCard bgColor="midnight" username={username}>

diff --git a/src/components/templates/IntroCard.tsx b/src/components/templates/IntroCard.tsx
@@ -9,7 +9,7 @@ export type IntroCardProps = {
 export const IntroCard: FC<IntroCardProps> = ({ year, username }) => {
   return (
     <RootCard bgColor="red" username="">
-      <div tw="text-yellow-950 flex flex-col w-full h-full p-2 items-center justify-center">
+      <div tw="text-black flex flex-col w-full h-full p-2 items-center justify-center">
         <p>@{username}</p>
         <h1 tw="text-5xl mt-10">{year}</h1>
         <p tw="text-5xl mt-[-20px] mb-10">Unwrapped</p>