luzifer/accounting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Amount column too small to enter number

Browse Source 
Signed-off-by: Knut Ahlers <knut@ahlers.me>
This commit is contained in:
Knut Ahlers 2024-01-19 00:21:13 +01:00
parent def162cd84
commit e66a730570
Signed by: luzifer
SSH Key Fingerprint: SHA256:/xtE5lCgiRDQr8SLxHMS92ZBlACmATUmF1crK16Ks4E
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/components/accountOverview.vue
View File

@ -79,7 +79,7 @@
Category
</th>
<th>Description</th>
<th class="minimized-column text-end">
<th class="minimized-amount text-end">
Amount
</th>
<th class="minimized-column">
@ -160,7 +160,7 @@
{{ accountIdToName[tx.category] }}
</td>
<td>{{ tx.description }}</td>
<td :class="{'minimized-column text-end': true, 'text-danger': tx.amount < 0}">
<td :class="{'minimized-amount text-end': true, 'text-danger': tx.amount < 0}">
{{ formatNumber(tx.amount) }} €
</td>
<td>

6
frontend/style.scss
View File

@ -12,4 +12,10 @@ $fa-font-path: "../node_modules/@fortawesome/fontawesome-free/webfonts";
.minimized-column {
width: 0.1%;
white-space: nowrap;
}
.minimized-amount {
min-width: 150px;
width: 0.1%;
white-space: nowrap;
}