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: Simplify gallery board name layout

Browse Source
This commit is contained in:
blessedcoolant 2023-07-21 18:15:55 +12:00
parent 39b7ace273
commit 9ce4bd1182
1 changed files with 16 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
invokeai/frontend/web/src/features/gallery/components/GalleryBoardName.tsx
View File

@ -1,5 +1,5 @@
import { ChevronUpIcon } from '@chakra-ui/icons'; import { ChevronUpIcon } from '@chakra-ui/icons';
import { Box, Button, Flex, Spacer, Text } from '@chakra-ui/react'; import { Button, Flex, Text } from '@chakra-ui/react';
import { createSelector } from '@reduxjs/toolkit'; import { createSelector } from '@reduxjs/toolkit';
import { stateSelector } from 'app/store/store'; import { stateSelector } from 'app/store/store';
import { useAppSelector } from 'app/store/storeHooks'; import { useAppSelector } from 'app/store/storeHooks';
@ -56,7 +56,7 @@ const GalleryBoardName = (props: Props) => {
position: 'relative', position: 'relative',
gap: 2, gap: 2,
w: 'full', w: 'full',
justifyContent: 'center', justifyContent: 'space-between',
alignItems: 'center', alignItems: 'center',
px: 2, px: 2,
// bg: 'base.100', // bg: 'base.100',
@ -67,22 +67,20 @@ const GalleryBoardName = (props: Props) => {
// }, // },
}} }}
> >
<Spacer /> <Text
<Box position="relative"> noOfLines={1}
<Text sx={{
noOfLines={1} fontWeight: 600,
sx={{ w: '100%',
fontWeight: 600, textAlign: 'center',
color: 'base.800', color: 'base.800',
_dark: { _dark: {
color: 'base.200', color: 'base.200',
}, },
}} }}
> >
{formattedBoardName} {formattedBoardName}
</Text> </Text>
</Box>
<Spacer />
<ChevronUpIcon <ChevronUpIcon
sx={{ sx={{
transform: isOpen ? 'rotate(0deg)' : 'rotate(180deg)', transform: isOpen ? 'rotate(0deg)' : 'rotate(180deg)',