github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-02-04 01:34:59 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): revise app layout strategy, add interaction scopes for hotkeys

Browse Source
This commit is contained in:
psychedelicious
2024-08-18 23:37:49 +10:00
parent 50051ee147
commit 4c66a0dcd0
33 changed files with 807 additions and 613 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
invokeai/frontend/web/src/features/queue/components/QueueTabContent.tsx
View File

@@ -1,5 +1,7 @@
import { Box, Flex } from '@invoke-ai/ui-library';
import { useAppSelector } from 'app/store/storeHooks';
import { useFeatureStatus } from 'features/system/hooks/useFeatureStatus';
import { activeTabNameSelector } from 'features/ui/store/uiSelectors';
import { memo } from 'react';
import InvocationCacheStatus from './InvocationCacheStatus';
@@ -9,9 +11,18 @@ import QueueTabQueueControls from './QueueTabQueueControls';
const QueueTabContent = () => {
const isInvocationCacheEnabled = useFeatureStatus('invocationCache');
const activeTabName = useAppSelector(activeTabNameSelector);
return (
<Flex borderRadius="base" w="full" h="full" flexDir="column" gap={2}>
<Flex
display={activeTabName === 'queue' ? undefined : 'none'}
hidden={activeTabName !== 'queue'}
borderRadius="base"
w="full"
h="full"
flexDir="column"
gap={2}
>
<Flex gap={2} w="full">
<QueueTabQueueControls />
<QueueStatus />