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): revert offset scrollbars

Browse Source 
The wonky padding is too janky. Just overlay for now.
This commit is contained in:
psychedelicious 2023-06-14 13:33:54 +10:00
parent ade4ec5fd8
commit 2cee8bebb2
5 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
invokeai/frontend/web/src/common/components/IAIScrollArea.tsx
View File

@ -3,9 +3,9 @@ import { ScrollArea, ScrollAreaProps } from '@mantine/core';
type IAIScrollArea = ScrollAreaProps;
export default function IAIScrollArea(props: IAIScrollArea) {
const { offsetScrollbars = true, ...rest } = props;
const { ...rest } = props;
return (
<ScrollArea w="100%" offsetScrollbars={offsetScrollbars} {...rest}>
<ScrollArea w="100%" {...rest}>
{props.children}
</ScrollArea>
);

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

@ -55,7 +55,7 @@ const ParametersPinnedWrapper = (props: ParametersPinnedWrapperProps) => {
</Flex>
<PinParametersPanelButton
sx={{ position: 'absolute', top: 0, insetInlineEnd: 2 }}
sx={{ position: 'absolute', top: 0, insetInlineEnd: 0 }}
/>
</Box>
);

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

@ -26,7 +26,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 TextToImageTabParameters from './TextToImageTabParameters';
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

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