fix(ui): update account card styles and improve about dialog layout

This commit is contained in:
2026-11-02 21:47:01 +01:00
parent 329e80cb94
commit 50ae14770d
2 changed files with 6 additions and 5 deletions
@@ -1,9 +1,9 @@
@inject NavigationManager Navigation
<a class="card account-card h-100" href="@($"/accounts/{Account.Id}")" @onclick="Navigate" @onclick:preventDefault="true">
<div class="card-body d-flex flex-column justify-content-between">
<h3 class="card-title mb-3 mt-0">@Account.Name</h3>
<div class="@(Account.TotalBalance >= 0 ? "amount-positive" : "amount-negative") fs-4">
<div class="card-body d-flex flex-column justify-content-between pb-0 pt-1 px-2">
<h4 class="card-title mb-3 mt-0">@Account.Name</h4>
<div class="@(Account.TotalBalance >= 0 ? "amount-positive" : "amount-negative") fs-5">
@($"{Account.TotalBalance:N2} €")
</div>
</div>
@@ -31,8 +31,9 @@
@if (showAboutDialog)
{
<ModalDialog Title="Über Dümpelkas" OnCancel="CloseAboutDialog">
<h5>Über Dümpelkas &middot; Version @AppVersion &middot; Builddatum @AppBuildDate</h5>
<p class="mb-2">Entwickler: Andre Beging</p>
<h5>Über Dümpelkas &middot; Version @AppVersion</h5>
<p class="mb-1 mt-3">Erstellt: @AppBuildDate</p>
<p class="mb-1">Entwickler: Andre Beging</p>
<p class="mb-3">E-Mail: <a href="mailto:mail@beging.de" style="color: var(--color-text);">mail@beging.de</a></p>
<div class="d-flex justify-content-end">
<button type="button" class="btn btn-outline-secondary" @onclick="CloseAboutDialog">