temporal fix for galleries

fisirc · Dec 2, 2024 · 8390b22 · 8390b22
1 parent fb7d370
commit 8390b22
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/app/src/pages/Editor/components/blocks/PictureSlot.tsx b/app/src/pages/Editor/components/blocks/PictureSlot.tsx
@@ -62,11 +62,15 @@ export const PictureSlot = memo(({ idRef, v, res, props }: PictureSlotProps) =>
     imgOffsetY = frameHeight / 2 - imgHeight / 2;
   }
 
+  // const changedX = -pos[0] + (pos[0] > 0 ? frameWidth : -frameWidth);
+  // const changedX = -pos[0] - frameWidth;
+  const changedX = pos[0];
+
   return (
     <Group>
       { /* Base color and border */}
       <Rect
-        x={-pos[0] - frameWidth}
+        x={changedX}
         y={pos[1]}
         width={frameWidth}
         height={frameHeight}
@@ -132,7 +136,7 @@ export const PictureSlot = memo(({ idRef, v, res, props }: PictureSlotProps) =>
       { /* Rendered image */}
       {
         image && <Image
-          x={-pos[0] - frameWidth - imgOffsetY * sine(rotation) + imgOffsetX * cosine(rotation)}
+          x={changedX - imgOffsetY * sine(rotation) + imgOffsetX * cosine(rotation)}
           y={pos[1] + imgOffsetY * cosine(rotation) + imgOffsetX * sine(rotation)}
           width={imgWidth}
           height={imgHeight}

diff --git a/app/src/pages/Gallery3D/index.tsx b/app/src/pages/Gallery3D/index.tsx
@@ -41,11 +41,15 @@ export const Gallery3D = ({ gallery, withTopOffset }: Gallery3DProps) => {
           </>
         )
       }
-      <Button size='compact-sm' onClick={() => toggle()} style={{ height: 32, position: 'absolute', zIndex: 69, top: withTopOffset ? 78 : 8, left: 8 }}>
-        {
-          fullscreen ? <IconMaximizeOff /> : <IconMaximize />
-        }
-      </Button>
+      {
+        !loading && (
+          <Button size='compact-sm' onClick={() => toggle()} style={{ height: 32, position: 'absolute', zIndex: 69, top: withTopOffset ? 78 : 8, left: 8 }}>
+            {
+              fullscreen ? <IconMaximizeOff /> : <IconMaximize />
+            }
+          </Button>
+        )
+      }
       <Canvas
         camera={{ fov: 70 }}
         onPointerDown={(e) => {