From 9418ac281847aa1aee4c4c9408cca6b8a1149a5c Mon Sep 17 00:00:00 2001
From: Tim de Jager <tim@prefix.dev>
Date: Thu, 4 Jul 2024 15:38:03 +0200
Subject: [PATCH] feat: support click outside of modal (#168)

---
 src/repror/cli/templates/index.html.jinja | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/repror/cli/templates/index.html.jinja b/src/repror/cli/templates/index.html.jinja
index f108589..ae11f52 100644
--- a/src/repror/cli/templates/index.html.jinja
+++ b/src/repror/cli/templates/index.html.jinja
@@ -111,7 +111,7 @@
     <!-- Error messages modal -->
     <div x-show="$store.modal.show" id="modal" class="modal fixed inset-0 bg-gray-800 bg-opacity-75 items-center justify-center z-10 ">
         <div  class="fixed inset-0 bg-gray-800 bg-opacity-75 flex items-center justify-center" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0">
-            <div class="bg-white rounded-lg p-8 mx-auto">
+            <div class="bg-white rounded-lg p-8 mx-auto" @click.outside="$store.modal.closeModal()">
                 <h2 class="text-2xl mb-4">Error Reason</h2>
                 <pre class="mb-4 max-w-[80vw] overflow-auto" x-html="ansiToHtml($store.modal.modalMessage)"></pre>
                 <button @click="$store.modal.closeModal()" class="px-4 py-2 bg-red-500 text-white rounded">Close Modal</button>