32 lines
1 KiB
HTML
32 lines
1 KiB
HTML
<ng-container *ngIf="isOpen">
|
|
<div class="fixed inset-0 bg-black/70 z-50" (click)="closeModal()">
|
|
<div
|
|
class="card p-4 fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-white p-6 rounded-lg shadow-lg z-50 min-w-[300px]"
|
|
>
|
|
<h2 class="text-xl section-heading">Guthaben aufladen</h2>
|
|
<form [formGroup]="form">
|
|
<div *ngIf="errorMsg">
|
|
{{ errorMsg }}
|
|
</div>
|
|
<div class="mb-2">
|
|
<label for="amount">Betrag</label>
|
|
<input
|
|
type="number"
|
|
id="amount"
|
|
formControlName="amount"
|
|
class="w-full px-2 py-1 bg-deep-blue-light text-white rounded my-1"
|
|
/>
|
|
</div>
|
|
</form>
|
|
<div class="my-1">
|
|
<button
|
|
(click)="closeModal()"
|
|
class="bg-deep-blue-light hover:bg-deep-blue-contrast w-full py-2 rounded my-2"
|
|
>
|
|
Abbrechen
|
|
</button>
|
|
<button (click)="submit()" class="button-base w-full py-2">Einzahlen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|