style: style form
This commit is contained in:
parent
da01e272d7
commit
cd6ace28f4
1 changed files with 11 additions and 7 deletions
|
@ -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>
|
||||
|
|
Reference in a new issue