torsten/miriamgemeinde
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Verbessere das Styling in der ContactRender-Komponente, indem Margen zu den Kontaktboxen und -namen hinzugefügt werden.

Browse Source
This commit is contained in:
Torsten Schulz (local)
2025-08-28 09:06:59 +02:00
parent 6f470ccea4
commit 131f6bd753
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ContactRender.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div v-if="config && config.style === 'box' && contacts && contacts.length && contacts.length > 0" class="bottom-margin"> <div v-if="config && config.style === 'box' && contacts && contacts.length && contacts.length > 0">
<div v-for="contact in contacts" :key="contact.id" class="contact-box"> <div v-for="contact in contacts" :key="contact.id" class="contact-box bottom-margin">
<p>{{ contact.name }}</p> <p>{{ contact.name }}</p>
<p v-if="displayOptions.includes('phone')">Telefon: {{ contact.phone }}</p> <p v-if="displayOptions.includes('phone')">Telefon: {{ contact.phone }}</p>
<p v-if="displayOptions.includes('street')">Straße: {{ contact.street }}</p> <p v-if="displayOptions.includes('street')">Straße: {{ contact.street }}</p>
@@ -11,8 +11,8 @@
pos.caption).join(', ') }}</p> pos.caption).join(', ') }}</p>
</div> </div>
</div> </div>
<span v-else-if="config.style === 'float' && contacts && contacts.length && contacts.length > 0" class="bottom-margin"> <span v-else-if="config.style === 'float' && contacts && contacts.length && contacts.length > 0">
<span v-for="contact in contacts" :key="contact.id"> <span v-for="contact in contacts" :key="contact.id" class="bottom-margin">
{{ contact.name }} {{ contact.name }}
<span v-if="displayOptions.includes('phone')">, Telefon: {{ contact.phone }}</span> <span v-if="displayOptions.includes('phone')">, Telefon: {{ contact.phone }}</span>
<span v-if="displayOptions.includes('street')">, Straße: {{ contact.street }}</span> <span v-if="displayOptions.includes('street')">, Straße: {{ contact.street }}</span>