Bilder kraschar inte längre

iiddaa96 · Jun 6, 2024 · c0ca6da · c0ca6da
1 parent aa1229f
commit c0ca6da
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 4 deletions.
diff --git a/app/categories/[slug]/page.tsx b/app/categories/[slug]/page.tsx
@@ -63,9 +63,10 @@ export default async function CategoryPage({ params }: CategoryPageProps) {
         }}
       >
         <Image
+          width={100}
+          height={100}
           src={MiddleImage}
           alt="Stor Bild"
-          layout="fill"
           objectFit="cover"
         />
       </Box>

diff --git a/app/checkout/components/CartItems.tsx b/app/checkout/components/CartItems.tsx
@@ -49,7 +49,9 @@ export const CartItems = ({ cart }: ItemsProps) => {
               <Image
                 src={item.image}
                 alt="Produktbild"
-                style={{ width: "100%", borderRadius: "8px" }}
+                style={{ borderRadius: "8px" }}
+                width={100}
+                height={100}
               />
             </Box>
           )}

diff --git a/app/page.tsx b/app/page.tsx
@@ -35,8 +35,9 @@ export default async function HomePage() {
       >
         <Image
           src={MiddleImage}
+          width={100}
+          height={100}
           alt="Stor Bild"
-          layout="fill"
           objectFit="cover"
         />
       </Box>
@@ -99,7 +100,13 @@ export default async function HomePage() {
           marginBottom: "24px",
         }}
       >
-        <Image src={Car} alt="Stor Bild" layout="fill" objectFit="cover" />
+        <Image
+          src={Car}
+          alt="Stor Bild"
+          objectFit="cover"
+          width={100}
+          height={100}
+        />
       </Box>
       {/* Kort som leder till kategorierna */}
       <CardsHeader />

diff --git a/next.config.mjs b/next.config.mjs
@@ -3,6 +3,15 @@ const nextConfig = {
   experimental: {
     typedRoutes: true,
   },
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: '**',
+      },
+    ],
+  },
 };
 
+
 export default nextConfig;