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 v-else style="width: 300px;">Kostensatelle (ursprünglich)</td>
<td>{{props.data.costUnitName}}</td> <td>{{props.data.costUnitName}}</td>
<td rowspan="4"> <td rowspan="4" style="width: 250px; padding-right: 25px; text-align: right; vertical-align: top;">
<button <input type="button"
v-if="props.data.status === 'new' && modeShow" v-if="props.data.status === 'new' && modeShow"
@click="emit('accept')" @click="emit('accept')"
class="button mareike-button mareike-accept-button" class="accept-button"
> style="width: 100%; margin-bottom: 10px;"
Abrechnung annehmen value="Abrechnung annehmen"
</button> />
<button v-if="props.data.status === 'denied' && modeShow"
<input type="button" v-if="props.data.status === 'denied' && modeShow"
@click="emit('reopen')" @click="emit('reopen')"
class="button mareike-button mareike-accept-button" class="accept-button"
> style="width: 100%; margin-bottom: 10px;"
Abrechnung zur Wiedervorlage öffnen value="Abrechnung zur Wiedervorlage öffnen"
</button> />
<br /> <br />
<button <input type="button"
v-if="props.data.status === 'new' && modeShow" v-if="props.data.status === 'new' && modeShow"
@click="emit('fix')" @click="emit('fix')"
class="button mareike-button mareike-fix-button" class="fix-button"
> style="width: 100%; margin-bottom: 10px;"
Abrechnung ablehnen und korrigieren value="Abrechnung ablehnen und korrigieren"
</button><br /> />
<br />
<button <input type="button"
v-if="props.data.status === 'new' && modeShow" v-if="props.data.status === 'new' && modeShow"
@click="emit('deny')" @click="emit('deny')"
class="button mareike-button mareike-deny-button" class="deny-button"
> style="width: 100%"
Abrechnung ablehnen value="Abrechnung ablehnen"
</button> />
</td> </td>
</tr> </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 v-else style="width: 300px;">Kostensatelle (ursprünglich)</td>
<td>{{props.data.costUnitName}}</td> <td>{{props.data.costUnitName}}</td>
<td rowspan="4" style="vertical-align: top;"> <td
<button 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" v-if="props.data.status === 'new' && modeShow"
@click="emit('reject')" @click="emit('reject')"
class="button mareike-button mareike-deny-button" class="deny-button"
> value="Abrechnung zurückziehen" />
Abrechnung zurückziehen
</button> <input type="button"
<button v-if="props.data.status === 'denied' && modeShow" v-if="props.data.status === 'denied' && modeShow"
@click="emit('delete')" @click="emit('delete')"
class="button mareike-button mareike-deny-button" class="deny-button"
> value="Abrechnung Endgültig löschen" />
Abrechnung Endgültig löschen
</button>
</td> </td>
</tr> </tr>

25
public/css/elements.css
View File

@@ -53,9 +53,13 @@ input[type="submit"] {
} }
input[type="button"]:hover, input[type="button"]:hover,
input[type="submit"]:hover { input[type="submit"]:hover,
background-color: #1d4899; .deny-button:hover,
color: #ffffff; .accept-button:hover,
.fix-button:hover
{
background-color: #1d4899 !important;
color: #ffffff !important;
} }
.error_text { .error_text {
@@ -69,3 +73,18 @@ input[type="submit"]:hover {
font-weight: bold; font-weight: bold;
color: #2a7caf; 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;
}