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 ?? initialWidth ??
minWidth ?? minWidth ??
(['left', 'right'].includes(direction) ? 500 : '100vw'), (['left', 'right'].includes(direction) ? 500 : '100%'),
[initialWidth, minWidth, direction] [initialWidth, minWidth, direction]
); );
@ -82,7 +82,7 @@ const ResizableDrawer = ({
() => () =>
initialHeight ?? initialHeight ??
minHeight ?? minHeight ??
(['top', 'bottom'].includes(direction) ? 500 : '100vh'), (['top', 'bottom'].includes(direction) ? 500 : '100%'),
[initialHeight, minHeight, direction] [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={{ sx={{
...scrollShadowBaseStyles, ...scrollShadowBaseStyles,
bottom: 0, 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>
<Box <Box
@ -76,7 +77,8 @@ const Scrollable = ({ children }: ScrollableProps) => {
sx={{ sx={{
...scrollShadowBaseStyles, ...scrollShadowBaseStyles,
top: 0, 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>
</Box> </Box>