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): hotkey accordion spacing

Browse Source
This commit is contained in:
psychedelicious 2023-03-12 13:08:57 +11:00
parent 28677f9621
commit ecca0eff31
1 changed files with 62 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
invokeai/frontend/web/src/features/system/components/HotkeysModal/HotkeysModal.tsx
View File

@ -329,69 +329,71 @@ export default function HotkeysModal({ children }: HotkeysModalProps) {
<ModalCloseButton />
<ModalBody>
<Accordion allowMultiple>
<AccordionItem>
<AccordionButton>
<Flex
width="100%"
justifyContent="space-between"
alignItems="center"
>
<h2>{t('hotkeys.appHotkeys')}</h2>
<AccordionIcon />
</Flex>
</AccordionButton>
<AccordionPanel>
{renderHotkeyModalItems(appHotkeys)}
</AccordionPanel>
</AccordionItem>
<Flex flexDir="column" gap={2}>
<AccordionItem>
<AccordionButton>
<Flex
width="100%"
justifyContent="space-between"
alignItems="center"
>
<h2>{t('hotkeys.appHotkeys')}</h2>
<AccordionIcon />
</Flex>
</AccordionButton>
<AccordionPanel>
{renderHotkeyModalItems(appHotkeys)}
</AccordionPanel>
</AccordionItem>
<AccordionItem>
<AccordionButton>
<Flex
width="100%"
justifyContent="space-between"
alignItems="center"
>
<h2>{t('hotkeys.generalHotkeys')}</h2>
<AccordionIcon />
</Flex>
</AccordionButton>
<AccordionPanel>
{renderHotkeyModalItems(generalHotkeys)}
</AccordionPanel>
</AccordionItem>
<AccordionItem>
<AccordionButton>
<Flex
width="100%"
justifyContent="space-between"
alignItems="center"
>
<h2>{t('hotkeys.generalHotkeys')}</h2>
<AccordionIcon />
</Flex>
</AccordionButton>
<AccordionPanel>
{renderHotkeyModalItems(generalHotkeys)}
</AccordionPanel>
</AccordionItem>
<AccordionItem>
<AccordionButton>
<Flex
width="100%"
justifyContent="space-between"
alignItems="center"
>
<h2>{t('hotkeys.galleryHotkeys')}</h2>
<AccordionIcon />
</Flex>
</AccordionButton>
<AccordionPanel>
{renderHotkeyModalItems(galleryHotkeys)}
</AccordionPanel>
</AccordionItem>
<AccordionItem>
<AccordionButton>
<Flex
width="100%"
justifyContent="space-between"
alignItems="center"
>
<h2>{t('hotkeys.galleryHotkeys')}</h2>
<AccordionIcon />
</Flex>
</AccordionButton>
<AccordionPanel>
{renderHotkeyModalItems(galleryHotkeys)}
</AccordionPanel>
</AccordionItem>
<AccordionItem>
<AccordionButton>
<Flex
width="100%"
justifyContent="space-between"
alignItems="center"
>
<h2>{t('hotkeys.unifiedCanvasHotkeys')}</h2>
<AccordionIcon />
</Flex>
</AccordionButton>
<AccordionPanel>
{renderHotkeyModalItems(unifiedCanvasHotkeys)}
</AccordionPanel>
</AccordionItem>
<AccordionItem>
<AccordionButton>
<Flex
width="100%"
justifyContent="space-between"
alignItems="center"
>
<h2>{t('hotkeys.unifiedCanvasHotkeys')}</h2>
<AccordionIcon />
</Flex>
</AccordionButton>
<AccordionPanel>
{renderHotkeyModalItems(unifiedCanvasHotkeys)}
</AccordionPanel>
</AccordionItem>
</Flex>
</Accordion>
</ModalBody>
<ModalFooter />