walamana/miniplan
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

style: swap name and date in gottesdienst card header

Browse Source
This commit is contained in:
walamana
2026-07-14 22:31:49 +02:00
parent 5e854e4341
commit 1a34535467
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/src/components/GottesdienstCard.vue
+6 -2
View File
@@ -159,13 +159,13 @@ function getOwnMarkHint(): string {
> >
<i v-if="getOwnMarkIcon()" class="icon">{{ getOwnMarkIcon() }}</i> <i v-if="getOwnMarkIcon()" class="icon">{{ getOwnMarkIcon() }}</i>
</button> </button>
<span class="name">{{ gottesdienst.name !== "" ? gottesdienst.name : "Gottesdienst" }}</span> <span class="day">{{ formatWeekday(gottesdienst.date) }} {{ formatDay(gottesdienst.date) }}</span>
<button v-if="isAdmin" class="edit-godi-btn" @click="emit('editGottesdienst', gottesdienst.id)" title="Gottesdienst bearbeiten"> <button v-if="isAdmin" class="edit-godi-btn" @click="emit('editGottesdienst', gottesdienst.id)" title="Gottesdienst bearbeiten">
<i class="icon">edit</i> <i class="icon">edit</i>
</button> </button>
</div> </div>
<div class="info"> <div class="info">
<span class="date">am {{ formatWeekday(gottesdienst.date) }} {{ formatDay(gottesdienst.date) }}</span> <span class="name">{{ gottesdienst.name !== "" ? gottesdienst.name : "Gottesdienst" }}</span>
<span class="time">um {{ formatTime(gottesdienst.date) }} Uhr</span> <span class="time">um {{ formatTime(gottesdienst.date) }} Uhr</span>
<span class="attendance">Anwesenheit: {{ formatTime(gottesdienst.attendance) }}</span> <span class="attendance">Anwesenheit: {{ formatTime(gottesdienst.attendance) }}</span>
</div> </div>
@@ -307,6 +307,10 @@ function getOwnMarkHint(): string {
} }
} }
.day {
font-weight: 700;
}
.info { .info {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;