style: style form

This commit is contained in:
Constantin Simonis 2025-02-13 10:42:39 +01:00
parent da01e272d7
commit cd6ace28f4
No known key found for this signature in database
GPG key ID: 3878FF77C24AF4D2

View file

@ -1,8 +1,12 @@
<form [formGroup]="form">
@if (errorMsg) {
<div>{{ errorMsg }}</div>
}
<input type="number" formControlName="amount" />
<br />
<button type="button" (click)="submit()">Einzahlen</button>
<form [formGroup]="form" class="max-w-md mx-auto p-4 bg-white shadow-md rounded-lg">
<div *ngIf="errorMsg" class="mb-4 text-red-500">
{{ errorMsg }}
</div>
<div class="mb-4">
<label for="amount" class="block text-sm font-medium text-gray-700">Betrag</label>
<input type="number" id="amount" formControlName="amount" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm text-black bg-white" />
</div>
<button type="button" (click)="submit()" class="w-full bg-indigo-600 text-white py-2 px-4 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
Einzahlen
</button>
</form>