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): spacing issue w/ boards search

Browse Source
This commit is contained in:
psychedelicious
2024-07-24 12:50:36 +10:00
parent c4b3405bfa
commit ff1972fbb3
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsSearch.tsx
View File

@ -40,7 +40,7 @@ const BoardsSearch = () => {
); );
return ( return (
<InputGroup pt={2}> <InputGroup>
<Input <Input
placeholder={t('boards.searchBoard')} placeholder={t('boards.searchBoard')}
value={boardSearchText} value={boardSearchText}

6
invokeai/frontend/web/src/features/gallery/components/ImageGalleryContent.tsx
View File

@ -1,4 +1,4 @@
import { Button, Collapse, Divider, Flex, IconButton, useDisclosure } from '@invoke-ai/ui-library'; import { Box, Button, Collapse, Divider, Flex, IconButton, useDisclosure } from '@invoke-ai/ui-library';
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks'; import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
import { GalleryHeader } from 'features/gallery/components/GalleryHeader'; import { GalleryHeader } from 'features/gallery/components/GalleryHeader';
import { boardSearchTextChanged } from 'features/gallery/store/gallerySlice'; import { boardSearchTextChanged } from 'features/gallery/store/gallerySlice';
@ -101,7 +101,9 @@ const ImageGalleryContent = () => {
> >
<Flex flexDir="column" w="full" h="full"> <Flex flexDir="column" w="full" h="full">
<Collapse in={boardSearchDisclosure.isOpen} style={COLLAPSE_STYLES}> <Collapse in={boardSearchDisclosure.isOpen} style={COLLAPSE_STYLES}>
<BoardsSearch /> <Box w="full" pt={2}>
<BoardsSearch />
</Box>
</Collapse> </Collapse>
<Divider pt={2} /> <Divider pt={2} />
<BoardsListWrapper /> <BoardsListWrapper />