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

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

@ -1,5 +1,5 @@
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 { stateSelector } from 'app/store/store';
import { useAppSelector } from 'app/store/storeHooks';
@ -56,7 +56,7 @@ const GalleryBoardName = (props: Props) => {
position: 'relative',
gap: 2,
w: 'full',
justifyContent: 'center',
justifyContent: 'space-between',
alignItems: 'center',
px: 2,
// bg: 'base.100',
@ -67,12 +67,12 @@ const GalleryBoardName = (props: Props) => {
// },
}}
>
<Spacer />
<Box position="relative">
<Text
noOfLines={1}
sx={{
fontWeight: 600,
w: '100%',
textAlign: 'center',
color: 'base.800',
_dark: {
color: 'base.200',
@ -81,8 +81,6 @@ const GalleryBoardName = (props: Props) => {
>
{formattedBoardName}
</Text>
</Box>
<Spacer />
<ChevronUpIcon
sx={{
transform: isOpen ? 'rotate(0deg)' : 'rotate(180deg)',