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