fix: customer width

components/Customers.vue

@@ -4,7 +4,7 @@
     <h3>Meine bisherigen Geschäftpartner</h3>
     <div class="customer-list margin-top default-gap">
       <a v-for="customer in customers" :href="customer.link" target="_blank" rel="noopener noreferrer">
-        <img loading="lazy" height="150" :alt="customer.name" :src="customer.logo" :class="[customer.white && 'white']" />
+        <img loading="lazy" height="50" :width="customer.logo.width" :alt="customer.name" :src="customer.logo.src" :class="[customer.logo.white ? 'white' : '']" />
       </a>
     </div>
     <h3 class="margin-top-big">Projektauswahl</h3>
@@ -37,41 +37,65 @@ import { ase, cs, css, html, js, ng, njs, nuxt, phaser, scss, ts, tw, unity, vue
 const customers = [
   // {
   //   name: 'Dekra',
-  //   logo: '/img/customers/dekra.webp',
-  //   link: 'https://dekra.de'
+  //   link: 'https://dekra.de',
+  //   logo: {
+  //     src: '/img/customers/dekra.webp',
+  //     width: 181,
+  //   },
   // },
   {
     name: 'Bounce Commerce',
-    logo: '/img/customers/bounce.webp',
     link: 'https://bounce-commerce.de',
-    white: true,
+    logo: {
+      src: '/img/customers/bounce.webp',
+      width: 150,
+      white: true,
+    },
   }, {
     name: 'GMX',
-    logo: '/img/customers/gmx.webp',
     link: 'https://gmx.net',
-    white: true,
+    logo: {
+      src: '/img/customers/gmx.webp',
+      width: 148,
+      white: true,
+    },
   }, {
     name: 'WEB.DE',
-    logo: '/img/customers/webde.webp',
     link: 'https://web.de',
+    logo: {
+      src: '/img/customers/webde.webp',
+      width: 50,
+    },
   }, {
     name: '1&1',
-    logo: '/img/customers/einsundeins.webp',
     link: 'https://1und1.de',
+    logo: {
+      src: '/img/customers/einsundeins.webp',
+      width: 50,
+    },
   }, {
     name: 'Körrie',
-    logo: '/img/customers/koerrie.webp',
     link: 'https://körrie.de',
+    logo: {
+      src: '/img/customers/koerrie.webp',
+      width: 50,
+    }
   }, {
     name: 'Pembe',
-    logo: '/img/customers/pembe.webp',
     link: 'https://pembe.io',
-    white: true,
+    logo: {
+      src: '/img/customers/pembe.webp',
+      width: 48,
+      white: true,
+    },
   }, {
     name: 'SAE Institute Germany',
-    logo: '/img/customers/sae.webp',
     link: 'https://www.sae.edu/deu/en/sae-home/',
-    white: true,
+    logo: {
+      src: '/img/customers/sae.webp',
+      width: 77,
+      white: true,
+    },
   }
 ]