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): fix cut off badge on queue actions menu

Browse Source
This commit is contained in:
psychedelicious 2024-01-02 18:57:46 +11:00 committed by Kent Keirsey
parent 799ef0e7c1
commit e9bce6e1c3
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
invokeai/frontend/web/src/app/components/App.tsx
View File

@ -75,7 +75,7 @@ const App = ({ config = DEFAULT_CONFIG, selectedImage }: Props) => {
> >
<Grid w="100vw" h="100vh" position="relative" overflow="hidden"> <Grid w="100vw" h="100vh" position="relative" overflow="hidden">
<ImageUploader> <ImageUploader>
<Grid gap={4} p={4} gridAutoRows="min-content auto" w="full" h="full"> <Grid p={4} gridAutoRows="min-content auto" w="full" h="full">
{headerComponent || <SiteHeader />} {headerComponent || <SiteHeader />}
<Flex gap={4} w="full" h="full"> <Flex gap={4} w="full" h="full">
<InvokeTabs /> <InvokeTabs />

8
invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
View File

@ -232,7 +232,7 @@ const InvokeTabs = () => {
gap={4} gap={4}
isLazy isLazy
> >
<InvTabList gap={4} flexDir="column"> <InvTabList gap={4} pt={4} flexDir="column">
{tabs} {tabs}
<Spacer /> <Spacer />
</InvTabList> </InvTabList>
@ -255,6 +255,7 @@ const InvokeTabs = () => {
onCollapse={onCollapseOptionsPanel} onCollapse={onCollapseOptionsPanel}
onExpand={onExpandOptionsPanel} onExpand={onExpandOptionsPanel}
collapsible collapsible
style={paddingTop4}
> >
{activeTabName === 'nodes' ? ( {activeTabName === 'nodes' ? (
<NodeEditorPanelGroup /> <NodeEditorPanelGroup />
@ -269,7 +270,7 @@ const InvokeTabs = () => {
/> />
</> </>
)} )}
<Panel id="main-panel" order={1} minSize={20}> <Panel id="main-panel" order={1} minSize={20} style={paddingTop4}>
<InvTabPanels w="full" h="full"> <InvTabPanels w="full" h="full">
{tabPanels} {tabPanels}
</InvTabPanels> </InvTabPanels>
@ -290,6 +291,7 @@ const InvokeTabs = () => {
onCollapse={onCollapseGalleryPanel} onCollapse={onCollapseGalleryPanel}
onExpand={onExpandGalleryPanel} onExpand={onExpandGalleryPanel}
collapsible collapsible
style={paddingTop4}
> >
<ImageGalleryContent /> <ImageGalleryContent />
</Panel> </Panel>
@ -301,3 +303,5 @@ const InvokeTabs = () => {
}; };
export default memo(InvokeTabs); export default memo(InvokeTabs);
const paddingTop4: CSSProperties = { paddingTop: '8px' };