th.guenther/mareike
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Small design improvements

Browse Source
This commit is contained in:
Thomas Günther
2026-05-23 21:40:06 +02:00
parent 444711b049
commit f5d7b21671
5 changed files with 32 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/Domains/Event/Views/Partials/ParticipationSummary.vue
+15 -11
View File
@@ -69,12 +69,12 @@ const props = defineProps({
</tr>
<tr>
<th colspan="2" style="border-width: 1px; border-bottom-style: solid">Gesamt</th>
<td style="font-weight: bold; border-width: 1px; border-bottom-style: solid">
<th colspan="2" style="border-width: 1px; border-top-style: solid">Gesamt</th>
<td style="font-weight: bold; border-width: 1px; border-top-style: solid">
{{ props.event.income.real.readable }} /
</td>
<td style="font-weight: bold; border-width: 1px; border-bottom-style: solid">
<td style="font-weight: bold; border-width: 1px; border-top-style: solid">
{{ props.event.income.expected.readable }}
</td>
</tr>
@@ -107,8 +107,8 @@ const props = defineProps({
<td>{{amount.string}}</td>
</tr>
<tr>
<th style="color:#f44336; border-width: 1px; border-bottom-style: solid; padding-top: 58px">Gesamt</th>
<td style="color:#f44336; border-width: 1px; border-bottom-style: solid; padding-top: 58px; font-weight: bold">{{props.event.costUnit.overAllAmount.text}}</td>
<th style="color:#f44336; border-width: 1px; border-top-style: solid; ">Gesamt</th>
<td style="color:#f44336; border-width: 1px; border-top-style: solid; font-weight: bold">{{props.event.costUnit.overAllAmount.text}}</td>
</tr>
</table>
</div>
@@ -128,13 +128,13 @@ const props = defineProps({
.participant-flexbox-row {
display: flex;
gap: 20px;
flex: 1 1;
flex-wrap: wrap;
}
.participant-flexbox-row.top .left,
.participant-flexbox-row.top .right {
flex: 1 1 280px;
padding: 10px;
min-width: 0;
}
@@ -152,12 +152,16 @@ const props = defineProps({
}
.participant-income-table tr td:first-child {
width: 25px !important;
font-size: 11pt;
width: 50px;
}
.event-payment-table {
width: 100%;
.participant-income-table tr td:first-child {
width: 25px !important;
font-size: 10pt;
}
.event-payment-table th {
width: 50px;
}
</style>