webfussel/wf4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: customer width

Browse source
This commit is contained in:
webfussel 2024-05-30 09:52:50 +02:00
parent 677519fe23
commit f13d74d2d8
1 changed files with 38 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

44
components/Customers.vue
View file

@ -4,7 +4,7 @@
<h3>Meine bisherigen Geschäftpartner</h3> <h3>Meine bisherigen Geschäftpartner</h3>
<div class="customer-list margin-top default-gap"> <div class="customer-list margin-top default-gap">
<a v-for="customer in customers" :href="customer.link" target="_blank" rel="noopener noreferrer"> <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> </a>
</div> </div>
<h3 class="margin-top-big">Projektauswahl</h3> <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 = [ const customers = [
// { // {
// name: 'Dekra', // 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', name: 'Bounce Commerce',
logo: '/img/customers/bounce.webp',
link: 'https://bounce-commerce.de', link: 'https://bounce-commerce.de',
logo: {
src: '/img/customers/bounce.webp',
width: 150,
white: true, white: true,
},
}, { }, {
name: 'GMX', name: 'GMX',
logo: '/img/customers/gmx.webp',
link: 'https://gmx.net', link: 'https://gmx.net',
logo: {
src: '/img/customers/gmx.webp',
width: 148,
white: true, white: true,
},
}, { }, {
name: 'WEB.DE', name: 'WEB.DE',
logo: '/img/customers/webde.webp',
link: 'https://web.de', link: 'https://web.de',
logo: {
src: '/img/customers/webde.webp',
width: 50,
},
}, { }, {
name: '1&1', name: '1&1',
logo: '/img/customers/einsundeins.webp',
link: 'https://1und1.de', link: 'https://1und1.de',
logo: {
src: '/img/customers/einsundeins.webp',
width: 50,
},
}, { }, {
name: 'Körrie', name: 'Körrie',
logo: '/img/customers/koerrie.webp',
link: 'https://körrie.de', link: 'https://körrie.de',
logo: {
src: '/img/customers/koerrie.webp',
width: 50,
}
}, { }, {
name: 'Pembe', name: 'Pembe',
logo: '/img/customers/pembe.webp',
link: 'https://pembe.io', link: 'https://pembe.io',
logo: {
src: '/img/customers/pembe.webp',
width: 48,
white: true, white: true,
},
}, { }, {
name: 'SAE Institute Germany', name: 'SAE Institute Germany',
logo: '/img/customers/sae.webp',
link: 'https://www.sae.edu/deu/en/sae-home/', link: 'https://www.sae.edu/deu/en/sae-home/',
logo: {
src: '/img/customers/sae.webp',
width: 77,
white: true, white: true,
},
} }
] ]