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

Revert "fix: Rework the layout of the parameters scrollbar"

Browse Source 
This reverts commit 6f1fc397f7.
This commit is contained in:
psychedelicious 2023-05-13 23:59:30 +10:00
parent 5a7b687c84
commit d3a7fea939
5 changed files with 7 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
invokeai/frontend/web/src/features/ui/components/ParametersPinnedWrapper.tsx
View File

@ -43,18 +43,13 @@ const ParametersPinnedWrapper = (props: ParametersPinnedWrapperProps) => {
h: 'full',
w: 'full',
position: 'absolute',
paddingRight: 4,
}}
>
{props.children}
</Flex>
</OverlayScrollable>
<PinParametersPanelButton
sx={{
position: 'absolute',
top: 0,
insetInlineEnd: 4,
}}
sx={{ position: 'absolute', top: 0, insetInlineEnd: 0 }}
/>
</Box>
);

6
invokeai/frontend/web/src/features/ui/components/common/OverlayScrollable.tsx
View File

@ -8,9 +8,9 @@ const OverlayScrollable = (props: PropsWithChildren) => {
style={{ height: '100%', width: '100%' }}
options={{
scrollbars: {
visibility: 'visible',
autoHide: 'never',
autoHideDelay: 500,
visibility: 'auto',
autoHide: 'move',
autoHideDelay: 1300,
theme: 'os-theme-dark',
},
overflow: { x: 'hidden' },

2
invokeai/frontend/web/src/features/ui/components/tabs/ImageToImage/ImageToImageTab.tsx
View File

@ -23,7 +23,7 @@ const ImageToImageTab = () => {
}, []);
return (
<Flex sx={{ gap: 2, w: 'full', h: 'full' }}>
<Flex sx={{ gap: 4, w: 'full', h: 'full' }}>
<ParametersPinnedWrapper>
<ImageToImageTabParameters />
</ParametersPinnedWrapper>

2
invokeai/frontend/web/src/features/ui/components/tabs/TextToImage/TextToImageTab.tsx
View File

@ -6,7 +6,7 @@ import ParametersPinnedWrapper from '../../ParametersPinnedWrapper';
const TextToImageTab = () => {
return (
<Flex sx={{ gap: 2, w: 'full', h: 'full' }}>
<Flex sx={{ gap: 4, w: 'full', h: 'full' }}>
<ParametersPinnedWrapper>
<TextToImageTabParameters />
</ParametersPinnedWrapper>

2
invokeai/frontend/web/src/features/ui/components/tabs/UnifiedCanvas/UnifiedCanvasTab.tsx
View File

@ -20,7 +20,7 @@ const UnifiedCanvasTab = () => {
const { shouldUseCanvasBetaLayout } = useAppSelector(selector);
return (
<Flex sx={{ gap: 2, w: 'full', h: 'full' }}>
<Flex sx={{ gap: 4, w: 'full', h: 'full' }}>
<ParametersPinnedWrapper>
<UnifiedCanvasParameters />
</ParametersPinnedWrapper>