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

ADD: Technology tip

Browse source
This commit is contained in:
webfussel 2024-05-22 08:34:08 +02:00
parent 1c86f3569e
commit b7a11e5b84
6 changed files with 43 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

13
components/Services/Services.vue
View file

@ -24,8 +24,10 @@
</article>
</div>
<h3 class="margin-top-big">Mein Netzwerk</h3>
<p class="margin-top">Doch auch wenn ich mal voll ausgelastet bin - keine Sorge! Mein <span class="highlight">Netzwerk an Profis</span> kann dir sicher auch weiterhelfen!</p>
<div class="network-list default-gap margin-top" :style="{'--width': `${width}px`, '--children': network.length }">
<p class="margin-top">Doch auch wenn ich mal voll ausgelastet bin - keine Sorge!
Mein <span class="highlight">Netzwerk an Profis</span> kann dir sicher auch weiterhelfen.
</p>
<div class="network-list default-gap margin-top">
<Person ref="persons" v-for="person in network" v-bind="person" />
</div>
</section>
@ -35,13 +37,6 @@
import check from 'iconoir/icons/regular/double-check.svg'
import type { Person } from '#components'
const width = ref(0)
const persons = ref<InstanceType<typeof Person>[]>([])
onMounted(() => {
width.value = persons.value[0].$el.getBoundingClientRect().width
})
const services = [
{
title: 'Bug Research',