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

feat: Improve Staging Toolbar Styling

Browse Source
This commit is contained in:
blessedcoolant 2023-09-27 13:07:12 +05:30 committed by psychedelicious
parent bb48617101
commit 05a43c41f9
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
invokeai/frontend/web/src/features/canvas/components/IAICanvasStagingAreaToolbar.tsx
View File

@ -134,6 +134,7 @@ const IAICanvasStagingAreaToolbar = () => {
<Flex <Flex
pos="absolute" pos="absolute"
bottom={4} bottom={4}
gap={2}
w="100%" w="100%"
align="center" align="center"
justify="center" justify="center"
@ -153,6 +154,12 @@ const IAICanvasStagingAreaToolbar = () => {
colorScheme="accent" colorScheme="accent"
pointerEvents="none" pointerEvents="none"
isDisabled={!shouldShowStagingImage} isDisabled={!shouldShowStagingImage}
sx={{
background: 'base.600',
_dark: {
background: 'base.800',
},
}}
>{`${currentIndex + 1}/${total}`}</IAIButton> >{`${currentIndex + 1}/${total}`}</IAIButton>
<IAIIconButton <IAIIconButton
tooltip={`${t('unifiedCanvas.next')} (Right)`} tooltip={`${t('unifiedCanvas.next')} (Right)`}
@ -162,6 +169,8 @@ const IAICanvasStagingAreaToolbar = () => {
colorScheme="accent" colorScheme="accent"
isDisabled={!shouldShowStagingImage} isDisabled={!shouldShowStagingImage}
/> />
</ButtonGroup>
<ButtonGroup isAttached borderRadius="base" shadow="dark-lg">
<IAIIconButton <IAIIconButton
tooltip={`${t('unifiedCanvas.accept')} (Enter)`} tooltip={`${t('unifiedCanvas.accept')} (Enter)`}
aria-label={`${t('unifiedCanvas.accept')} (Enter)`} aria-label={`${t('unifiedCanvas.accept')} (Enter)`}