From 5ddd43d3a63bd07f3e94e9f1d8f8a21b19aed042 Mon Sep 17 00:00:00 2001
From: Local Server <server@skyartshop.local>
Date: Wed, 14 Jan 2026 07:59:16 -0600
Subject: [PATCH] Fix: Prevent background page scroll when modal is open - lock
 html and body overflow

---
 website/public/portfolio.html | 22 +++++++---------------
 1 file changed, 7 insertions(+), 15 deletions(-)

diff --git a/website/public/portfolio.html b/website/public/portfolio.html
index 1ee0e6e..09be7d9 100644
--- a/website/public/portfolio.html
+++ b/website/public/portfolio.html
@@ -270,26 +270,24 @@
         height: 100%;
         background: rgba(0, 0, 0, 0.85);
         z-index: 9999;
-        overflow: hidden;
-        padding: 0;
+        overflow-y: auto;
+        overflow-x: hidden;
+        padding: 40px 0;
       "
+      onclick="if(event.target.id === 'projectModal') closeProjectModal();"
     >
       <div
         style="
-          position: absolute;
-          top: 50%;
-          left: 50%;
-          transform: translate(-50%, -50%);
+          position: relative;
+          margin: auto;
           width: 90%;
           max-width: 900px;
-          max-height: 90vh;
           background: white;
           border-radius: 20px;
           overflow: hidden;
           box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
-          display: flex;
-          flex-direction: column;
         "
+        onclick="event.stopPropagation();"
       >
         <button
           onclick="closeProjectModal()"
@@ -318,12 +316,6 @@
         </button>
         <div
           id="modalContent"
-          style="
-            overflow-y: auto;
-            overflow-x: hidden;
-            flex: 1;
-            scroll-behavior: smooth;
-          "
         ></div>
       </div>
     </div>