feat(components): set placeholder images to blur

codingcodax · Jul 30, 2024 · 3f1dc52 · 3f1dc52
1 parent d3018f6
commit 3f1dc52
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/apps/www/src/app/(main)/_components/Intro/IntroImage.tsx b/apps/www/src/app/(main)/_components/Intro/IntroImage.tsx
@@ -11,6 +11,7 @@ export const IntroImage = () => {
           alt='codingcodax avatar'
           className='rounded-full grayscale'
           height={100}
+          placeholder='blur'
           src='https://avatars.githubusercontent.com/u/48135533?v=4'
           width={100}
         />

diff --git a/apps/www/src/app/(main)/_components/Project/ProjectImage.tsx b/apps/www/src/app/(main)/_components/Project/ProjectImage.tsx
@@ -13,6 +13,7 @@ export const ProjectImage = ({ image, alt }: Props) => {
         <Image
           alt={alt}
           className='aspect-video h-full w-full bg-grey-bg'
+          placeholder='blur'
           src={image}
         />
       </figure>