Merge branch 'develop' of https://github.com/Bartek532/pozywka.pl int…

…o develop
Bartek532 · Mar 13, 2024 · fcd8e82 · fcd8e82
2 parents 36e6167 + 67871f0
commit fcd8e82
Show file tree

Hide file tree

Showing 3 changed files with 176 additions and 25 deletions.
diff --git a/components/common/image/Image.tsx b/components/common/image/Image.tsx
@@ -6,7 +6,7 @@ import { useState } from "react";
 
 import styles from "./Image.module.scss";
 
-export const Image = (props: Omit<ImageProps, "onLoadingComplete">) => {
+export const Image = (props: Omit<ImageProps, "onLoad">) => {
   const [isLoaded, setIsLoaded] = useState(false);
   const [isSkeleton, setIsSkeleton] = useState(true);
 
@@ -17,7 +17,7 @@ export const Image = (props: Omit<ImageProps, "onLoadingComplete">) => {
         data-loaded={isLoaded}
         onTransitionEnd={(event) => event.propertyName === "opacity" && setIsSkeleton(false)}
       >
-        <NextImage {...props} onLoadingComplete={() => setIsLoaded(true)} />
+        <NextImage {...props} onLoad={() => setIsLoaded(true)} />
       </div>
     </div>
   );

diff --git a/components/home/instagram/Instagram.module.scss b/components/home/instagram/Instagram.module.scss
@@ -45,12 +45,17 @@
       display: flex;
       justify-content: center;
       align-items: center;
-      aspect-ratio: 1/1;
+      aspect-ratio: 4 / 5;
       overflow: hidden;
+      box-shadow: 0px 12px 30px -10px rgba(0, 0, 0, 0.1);
 
       .image {
         width: 100%;
         height: 100%;
+
+        img {
+          object-fit: cover;
+        }
       }
 
       @media (max-width: 992px) {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml