fix(ui): floating param/gallery buttons

invoke-ai · May 3, 2024 · 579d436 · 579d436
1 parent 36f0198
commit 579d436
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/invokeai/frontend/web/src/features/ui/components/FloatingGalleryButton.tsx b/invokeai/frontend/web/src/features/ui/components/FloatingGalleryButton.tsx
@@ -17,7 +17,7 @@ const FloatingGalleryButton = (props: Props) => {
 
   return (
     <Portal>
-      <Flex pos="absolute" transform="translate(0, -50%)" minW={8} top="50%" insetInlineEnd="21px">
+      <Flex pos="absolute" transform="translate(0, -50%)" minW={8} top="50%" insetInlineEnd="21px" zIndex={11}>
         <Tooltip label={t('accessibility.showGalleryPanel')} placement="start">
           <IconButton
             aria-label={t('accessibility.showGalleryPanel')}

diff --git a/invokeai/frontend/web/src/features/ui/components/FloatingParametersPanelButtons.tsx b/invokeai/frontend/web/src/features/ui/components/FloatingParametersPanelButtons.tsx
@@ -53,6 +53,7 @@ const FloatingSidePanelButtons = (props: Props) => {
         direction="column"
         gap={2}
         h={48}
+        zIndex={11}
       >
         <ButtonGroup orientation="vertical" flexGrow={3}>
           <IconButton