From f6c089ba585c294f96c09b0dc777acf7ab61f846 Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Fri, 4 Apr 2025 03:10:16 +0200
Subject: [PATCH] Added border

---
 src/components/PreviewModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/PreviewModal.vue b/src/components/PreviewModal.vue
index 4105328..956468d 100644
--- a/src/components/PreviewModal.vue
+++ b/src/components/PreviewModal.vue
@@ -3,7 +3,7 @@
   <div class="fixed inset-0 flex items-center justify-center z-50 pointer-events-none">
     <!-- Apply pointer-events-auto ONLY to the modal itself so it can be interacted with -->
     <div
-      class="bg-gray-800 rounded-lg overflow-auto scrollbar-hide shadow-lg pointer-events-auto relative"
+      class="bg-gray-800 rounded-lg overflow-auto scrollbar-hide shadow-lg pointer-events-auto relative border border-gray-400"
       :class="{ invisible: !isModalOpen, visible: isModalOpen }"
       :style="{
         transform: `translate3d(${position.x}px, ${position.y + (isModalOpen ? 0 : -20)}px, 0)`,