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): fix shadow

Browse Source
This commit is contained in:
psychedelicious 2023-03-12 13:04:22 +11:00
parent 5cf8e3aa53
commit caecfadf11
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -74,7 +74,7 @@ const ResizableDrawer = ({
() =>
initialWidth ??
minWidth ??
(['left', 'right'].includes(direction) ? 500 : '100vw'),
(['left', 'right'].includes(direction) ? 500 : '100%'),
[initialWidth, minWidth, direction]
);
@ -82,7 +82,7 @@ const ResizableDrawer = ({
() =>
initialHeight ??
minHeight ??
(['top', 'bottom'].includes(direction) ? 500 : '100vh'),
(['top', 'bottom'].includes(direction) ? 500 : '100%'),
[initialHeight, minHeight, direction]
);

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

@ -68,7 +68,8 @@ const Scrollable = ({ children }: ScrollableProps) => {
sx={{
...scrollShadowBaseStyles,
bottom: 0,
boxShadow: 'inset 0 -5rem 2rem -2rem var(--invokeai-colors-base-900)',
boxShadow:
'inset 0 -3.5rem 2rem -2rem var(--invokeai-colors-base-900)',
}}
></Box>
<Box
@ -76,7 +77,8 @@ const Scrollable = ({ children }: ScrollableProps) => {
sx={{
...scrollShadowBaseStyles,
top: 0,
boxShadow: 'inset 0 5rem 2rem -2rem var(--invokeai-colors-base-900)',
boxShadow:
'inset 0 3.5 rem 2rem -2rem var(--invokeai-colors-base-900)',
}}
></Box>
</Box>