fix(ui): update account card styles and improve about dialog layout
This commit is contained in:
@@ -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 · Version @AppVersion · Builddatum @AppBuildDate</h5>
|
||||
<p class="mb-2">Entwickler: Andre Beging</p>
|
||||
<h5>Über Dümpelkas · 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">
|
||||
|
||||
Reference in New Issue
Block a user