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

Füge eine neue Skriptfunktion zum Kopieren des Build-Verzeichnisses in die package.json hinzu und verbessere das Styling in ContactRender und WorshipRender Komponenten durch Hinzufügen von Margen.

Browse Source
This commit is contained in:
Torsten Schulz (local)
2025-08-28 09:03:16 +02:00
parent 8b77bdc048
commit 6f470ccea4
3 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
package.json
View File

@@ -4,7 +4,8 @@
"private": true, "private": true,
"scripts": { "scripts": {
"serve": "vue-cli-service serve", "serve": "vue-cli-service serve",
"build": "vue-cli-service build", "build": "vue-cli-service build && npm run copy-dist",
"copy-dist": "cp -r dist/* public/",
"lint": "vue-cli-service lint" "lint": "vue-cli-service lint"
}, },
"dependencies": { "dependencies": {

7
src/components/ContactRender.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div v-if="config && config.style === 'box' && contacts && contacts.length && contacts.length > 0"> <div v-if="config && config.style === 'box' && contacts && contacts.length && contacts.length > 0" class="bottom-margin">
<div v-for="contact in contacts" :key="contact.id" class="contact-box"> <div v-for="contact in contacts" :key="contact.id" class="contact-box">
<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>
@@ -11,7 +11,7 @@
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"> <span v-else-if="config.style === 'float' && contacts && contacts.length && contacts.length > 0" class="bottom-margin">
<span v-for="contact in contacts" :key="contact.id"> <span v-for="contact in contacts" :key="contact.id">
{{ contact.name }} {{ contact.name }}
<span v-if="displayOptions.includes('phone')">, Telefon: {{ contact.phone }}</span> <span v-if="displayOptions.includes('phone')">, Telefon: {{ contact.phone }}</span>
@@ -65,4 +65,7 @@ export default {
.contact-box p { .contact-box p {
margin: 0; margin: 0;
} }
.bottom-margin {
margin-bottom: 1rem;
}
</style> </style>

2
src/components/WorshipRender.vue
View File

@@ -13,7 +13,7 @@
<h3> <h3>
<span :class="worship.highlightTime ? 'highlight-time' : ''">{{ formatTime(worship.time) <span :class="worship.highlightTime ? 'highlight-time' : ''">{{ formatTime(worship.time)
}}</span>&nbsp;-&nbsp; }}</span>&nbsp;-&nbsp;
{{ !worship.neighborInvitation ? worship.title : `Gottesdienst in ${worship.eventPlace.name}` }} {{ worship.title ? worship.title : `Gottesdienst in ${worship.eventPlace.name}` }}
</h3> </h3>
<div v-if="worship.organizer">Gestaltung: {{ worship.organizer }}</div> <div v-if="worship.organizer">Gestaltung: {{ worship.organizer }}</div>
<div v-if="worship.sacristanService" class="internal-information">Küsterdienst: {{ worship.sacristanService }}</div> <div v-if="worship.sacristanService" class="internal-information">Küsterdienst: {{ worship.sacristanService }}</div>