Fix X CTA on zoomable citation (#5964)

dust-tt · Jul 1, 2024 · a9365e4 · a9365e4
1 parent 0d90313
commit a9365e4
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/sparkle/package-lock.json b/sparkle/package-lock.json
diff --git a/sparkle/package.json b/sparkle/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.175",
+  "version": "0.2.176",
   "scripts": {
     "build": "rm -rf dist && rollup -c",
     "build:with-tw-base": "rollup -c --environment INCLUDE_TW_BASE:true",

diff --git a/sparkle/src/components/ZoomableImageCitationWrapper.tsx b/sparkle/src/components/ZoomableImageCitationWrapper.tsx
@@ -32,9 +32,9 @@ export function ZoomableImageCitationWrapper({
       <Dialog
         open={isZoomed}
         onClose={handleZoomToggle}
-        className="s-relative s-z-50 s-transition s-duration-300 s-ease-out data-[closed]:s-opacity-0"
+        className="s-relative s-z-50"
       >
-        <div className="s-fixed s-inset-8 s-flex s-w-screen s-items-center s-justify-center s-p-4">
+        <div className="s-fixed s-inset-0 s-flex s-w-screen s-items-center s-justify-center s-bg-black/70 s-p-4 s-transition-opacity">
           <Dialog.Panel className="s-max-w-lg s-space-y-4">
             <Dialog.Title>
               <div className="s-flex s-justify-end">