@if (!modal) {
    <div class="bg-white rounded-lg p-2 shadow-sm border border-gray-200 overflow-scroll max-h-full">
        <div class="grid grid-cols-4 gap-3">
            @for (p of proofs(); track p) {
                <img [src]="'data:image/jpeg;base64,' + p.proof"
                     class="w-20 h-20 object-cover"
                     alt=""
                     (click)="openProof(p.proof)"
                />
            }
        </div>
    </div>
} @else {
    <div class="fixed inset-0 flex items-center justify-center z-50" (click)="closeProof()">
        <button class="absolute top-15 right-1 text-gray-300 text-4xl font-bold p-5 bg-transparent"
                (click)="closeProof()">
            <ion-icon name="close-circle-outline"></ion-icon>
        </button>

        <img [src]="'data:image/jpeg;base64,' + selectedProof()"
             class="w-[90%] h-[90%] object-cover rounded-md mt-10"
             alt=""
        />

    </div>
}