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; type IAIScrollArea = ScrollAreaProps;
export default function IAIScrollArea(props: IAIScrollArea) { export default function IAIScrollArea(props: IAIScrollArea) {
const { offsetScrollbars = true, ...rest } = props; const { ...rest } = props;
return ( return (
<ScrollArea w="100%" offsetScrollbars={offsetScrollbars} {...rest}> <ScrollArea w="100%" {...rest}>
{props.children} {props.children}
</ScrollArea> </ScrollArea>
); );

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

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

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

@ -26,7 +26,7 @@ const ImageToImageTab = () => {
}, []); }, []);
return ( return (
<Flex sx={{ gap: 2, w: 'full', h: 'full' }}> <Flex sx={{ gap: 4, w: 'full', h: 'full' }}>
<ParametersPinnedWrapper> <ParametersPinnedWrapper>
<ImageToImageTabParameters /> <ImageToImageTabParameters />
</ParametersPinnedWrapper> </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 = () => { const TextToImageTab = () => {
return ( return (
<Flex sx={{ gap: 2, w: 'full', h: 'full' }}> <Flex sx={{ gap: 4, w: 'full', h: 'full' }}>
<ParametersPinnedWrapper> <ParametersPinnedWrapper>
<TextToImageTabParameters /> <TextToImageTabParameters />
</ParametersPinnedWrapper> </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 = () => { const UnifiedCanvasTab = () => {
return ( return (
<Flex sx={{ gap: 2, w: 'full', h: 'full' }}> <Flex sx={{ gap: 4, w: 'full', h: 'full' }}>
<ParametersPinnedWrapper> <ParametersPinnedWrapper>
<UnifiedCanvasParameters /> <UnifiedCanvasParameters />
</ParametersPinnedWrapper> </ParametersPinnedWrapper>