Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): position floating buttons

Browse Source
This commit is contained in:
psychedelicious 2023-08-23 16:58:49 +10:00
parent 3651cf7ee2
commit 90abd0fe49
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
invokeai/frontend/web/src/features/ui/components/FloatingGalleryButton.tsx
View File

@ -36,7 +36,7 @@ const FloatingGalleryButton = ({
transform="translate(0, -50%)" transform="translate(0, -50%)"
minW={8} minW={8}
top="50%" top="50%"
insetInlineEnd={0} insetInlineEnd="1.63rem"
> >
<IAIIconButton <IAIIconButton
tooltip="Show Gallery (G)" tooltip="Show Gallery (G)"

2
invokeai/frontend/web/src/features/ui/components/FloatingParametersPanelButtons.tsx
View File

@ -44,7 +44,7 @@ const FloatingSidePanelButtons = ({
transform="translate(0, -50%)" transform="translate(0, -50%)"
minW={8} minW={8}
top="50%" top="50%"
insetInlineStart="4.5rem" insetInlineStart="5.13rem"
direction="column" direction="column"
gap={2} gap={2}
> >

4
invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
View File

@ -265,7 +265,7 @@ const InvokeTabs = () => {
</Panel> </Panel>
<ResizeHandle <ResizeHandle
onDoubleClick={resetSidePanel} onDoubleClick={resetSidePanel}
isCollapsed={isSidePanelCollapsed} // isCollapsed={isSidePanelCollapsed}
collapsedDirection={isSidePanelCollapsed ? 'left' : undefined} collapsedDirection={isSidePanelCollapsed ? 'left' : undefined}
/> />
<FloatingSidePanelButtons <FloatingSidePanelButtons
@ -282,8 +282,8 @@ const InvokeTabs = () => {
{!NO_GALLERY_TABS.includes(activeTabName) && ( {!NO_GALLERY_TABS.includes(activeTabName) && (
<> <>
<ResizeHandle <ResizeHandle
isCollapsed={isGalleryPanelCollapsed}
onDoubleClick={resetGalleryPanel} onDoubleClick={resetGalleryPanel}
// isCollapsed={isGalleryPanelCollapsed}
collapsedDirection={isGalleryPanelCollapsed ? 'right' : undefined} collapsedDirection={isGalleryPanelCollapsed ? 'right' : undefined}
/> />
<Panel <Panel