Refactor dialog components to use form-container for improved layout and styling; update button styles for consistency

2026-04-03 08:57:55 +02:00
parent c376c70fec
commit a02b0e9436
9 changed files with 114 additions and 35 deletions
@@ -1,14 +1,14 @@
 <div class="dialog-backdrop" @onclick="Cancel">
    <div class="dialog-content" @onclick:stopPropagation="true">
        <h5 class="mb-3">Neues Konto</h5>
-        <div class="mb-3">
+        <div class="form-container">
            <label class="form-label">Kontoname</label>
            <input type="text" class="form-control" @bind="name" @bind:event="oninput"
                   placeholder="z.B. Girokonto" />
        </div>
        <div class="d-flex justify-content-end gap-2">
+            <button class="btn btn-success" @onclick="Save" disabled="@string.IsNullOrWhiteSpace(name)"><i class="bi bi-check-lg"></i> Erstellen</button>
            <button class="btn btn-outline-secondary" @onclick="Cancel"><i class="bi bi-x-lg"></i> Abbrechen</button>
-            <button class="btn btn-primary" @onclick="Save" disabled="@string.IsNullOrWhiteSpace(name)"><i class="bi bi-check-lg"></i> Erstellen</button>
        </div>
    </div>
 </div>