From c025dc199d614a83c485e3d1394cd2cd5cf7779e Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Fri, 12 Dec 2025 17:49:12 +0200
Subject: [PATCH] style(profile): add overlay to WrappedFullscreenModal for
 improved UI interaction

---
 .../src/pages/profile/profile-content/wrapped-tab.scss     | 7 +++++++
 .../src/pages/profile/profile-content/wrapped-tab.tsx      | 1 +
 2 files changed, 8 insertions(+)

diff --git a/src/renderer/src/pages/profile/profile-content/wrapped-tab.scss b/src/renderer/src/pages/profile/profile-content/wrapped-tab.scss
index 0dc45d8d..641d571b 100644
--- a/src/renderer/src/pages/profile/profile-content/wrapped-tab.scss
+++ b/src/renderer/src/pages/profile/profile-content/wrapped-tab.scss
@@ -86,6 +86,13 @@
     animation: wrapped-spin 0.8s linear infinite;
   }
 
+  &__overlay {
+    position: absolute;
+    inset: 0;
+    z-index: 2;
+    cursor: default;
+  }
+
   &__iframe {
     width: 100%;
     height: 100%;
diff --git a/src/renderer/src/pages/profile/profile-content/wrapped-tab.tsx b/src/renderer/src/pages/profile/profile-content/wrapped-tab.tsx
index a7ca2797..6b04ef68 100644
--- a/src/renderer/src/pages/profile/profile-content/wrapped-tab.tsx
+++ b/src/renderer/src/pages/profile/profile-content/wrapped-tab.tsx
@@ -81,6 +81,7 @@ export function WrappedFullscreenModal({
               <div className="wrapped-fullscreen-modal__spinner" />
             </div>
           )}
+          <div className="wrapped-fullscreen-modal__overlay" />
           <iframe
             src={`https://hydrawrapped.com/embed/${userId}?scale=${config.scale}`}
             className="wrapped-fullscreen-modal__iframe"