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

Design improvements

Browse Source
This commit is contained in:
Thomas Günther
2026-02-13 13:51:07 +01:00
parent f468814a2f
commit fa886aad4d
3 changed files with 75 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
app/Domains/Invoice/Views/Partials/invoiceDetails/Header.vue
View File

@@ -25,37 +25,40 @@ const emit = defineEmits(["accept", "deny", "fix", "reopen"])
<td v-else style="width: 300px;">Kostensatelle (ursprünglich)</td>
<td>{{props.data.costUnitName}}</td>
<td rowspan="4">
<button
<td rowspan="4" style="width: 250px; padding-right: 25px; text-align: right; vertical-align: top;">
<input type="button"
v-if="props.data.status === 'new' && modeShow"
@click="emit('accept')"
class="button mareike-button mareike-accept-button"
>
Abrechnung annehmen
</button>
<button v-if="props.data.status === 'denied' && modeShow"
class="accept-button"
style="width: 100%; margin-bottom: 10px;"
value="Abrechnung annehmen"
/>
<input type="button" v-if="props.data.status === 'denied' && modeShow"
@click="emit('reopen')"
class="button mareike-button mareike-accept-button"
>
Abrechnung zur Wiedervorlage öffnen
</button>
class="accept-button"
style="width: 100%; margin-bottom: 10px;"
value="Abrechnung zur Wiedervorlage öffnen"
/>
<br />
<button
<input type="button"
v-if="props.data.status === 'new' && modeShow"
@click="emit('fix')"
class="button mareike-button mareike-fix-button"
>
Abrechnung ablehnen und korrigieren
</button><br />
class="fix-button"
style="width: 100%; margin-bottom: 10px;"
value="Abrechnung ablehnen und korrigieren"
/>
<br />
<button
<input type="button"
v-if="props.data.status === 'new' && modeShow"
@click="emit('deny')"
class="button mareike-button mareike-deny-button"
>
Abrechnung ablehnen
</button>
class="deny-button"
style="width: 100%"
value="Abrechnung ablehnen"
/>
</td>
</tr>

26
app/Domains/Invoice/Views/Partials/myInvoiceDetails/Header.vue
View File

@@ -25,20 +25,24 @@ const emit = defineEmits(["accept", "deny", "fix", "reopen"])
<td v-else style="width: 300px;">Kostensatelle (ursprünglich)</td>
<td>{{props.data.costUnitName}}</td>
<td rowspan="4" style="vertical-align: top;">
<button
<td
rowspan="4"
style="vertical-align: top;
padding-top: 15px;
padding-right: 25px;
text-align: right;"
>
<input type="button"
v-if="props.data.status === 'new' && modeShow"
@click="emit('reject')"
class="button mareike-button mareike-deny-button"
>
Abrechnung zurückziehen
</button>
<button v-if="props.data.status === 'denied' && modeShow"
class="deny-button"
value="Abrechnung zurückziehen" />
<input type="button"
v-if="props.data.status === 'denied' && modeShow"
@click="emit('delete')"
class="button mareike-button mareike-deny-button"
>
Abrechnung Endgültig löschen
</button>
class="deny-button"
value="Abrechnung Endgültig löschen" />
</td>
</tr>

25
public/css/elements.css
View File

@@ -53,9 +53,13 @@ input[type="submit"] {
}
input[type="button"]:hover,
input[type="submit"]:hover {
background-color: #1d4899;
color: #ffffff;
input[type="submit"]:hover,
.deny-button:hover,
.accept-button:hover,
.fix-button:hover
{
background-color: #1d4899 !important;
color: #ffffff !important;
}
.error_text {
@@ -69,3 +73,18 @@ input[type="submit"]:hover {
font-weight: bold;
color: #2a7caf;
}
.accept-button {
background-color: #508c4c !important;
color: #ffffff;
}
.deny-button {
background-color: #c9302c !important;
color: #ffffff;
}
.fix-button {
background-color: #d3d669 !important;
color: #000000 !important;
}