troogs/duempelkas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
troogs
2026-11-02 21:47:01 +01:00
parent 329e80cb94
commit 50ae14770d
2 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Duempelkas.App/Components/Accounts/AccountCard.razor
+3 -3
View File
@@ -1,9 +1,9 @@
@inject NavigationManager Navigation @inject NavigationManager Navigation
<a class="card account-card h-100" href="@($"/accounts/{Account.Id}")" @onclick="Navigate" @onclick:preventDefault="true"> <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"> <div class="card-body d-flex flex-column justify-content-between pb-0 pt-1 px-2">
<h3 class="card-title mb-3 mt-0">@Account.Name</h3> <h4 class="card-title mb-3 mt-0">@Account.Name</h4>
<div class="@(Account.TotalBalance >= 0 ? "amount-positive" : "amount-negative") fs-4"> <div class="@(Account.TotalBalance >= 0 ? "amount-positive" : "amount-negative") fs-5">
@($"{Account.TotalBalance:N2} €") @($"{Account.TotalBalance:N2} €")
</div> </div>
</div> </div>
src/Duempelkas.App/Components/Layout/MainLayout.razor
+3 -2
View File
@@ -31,8 +31,9 @@
@if (showAboutDialog) @if (showAboutDialog)
{ {
<ModalDialog Title="Über Dümpelkas" OnCancel="CloseAboutDialog"> <ModalDialog Title="Über Dümpelkas" OnCancel="CloseAboutDialog">
<h5>Über Dümpelkas &middot; Version @AppVersion &middot; Builddatum @AppBuildDate</h5> <h5>Über Dümpelkas &middot; Version @AppVersion</h5>
<p class="mb-2">Entwickler: Andre Beging</p> <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> <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"> <div class="d-flex justify-content-end">
<button type="button" class="btn btn-outline-secondary" @onclick="CloseAboutDialog"> <button type="button" class="btn btn-outline-secondary" @onclick="CloseAboutDialog">