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">
<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 />}
<Flex gap={4} w="full" h="full">
<InvokeTabs />

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

@ -232,7 +232,7 @@ const InvokeTabs = () => {
gap={4}
isLazy
>
<InvTabList gap={4} flexDir="column">
<InvTabList gap={4} pt={4} flexDir="column">
{tabs}
<Spacer />
</InvTabList>
@ -255,6 +255,7 @@ const InvokeTabs = () => {
onCollapse={onCollapseOptionsPanel}
onExpand={onExpandOptionsPanel}
collapsible
style={paddingTop4}
>
{activeTabName === 'nodes' ? (
<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">
{tabPanels}
</InvTabPanels>
@ -290,6 +291,7 @@ const InvokeTabs = () => {
onCollapse={onCollapseGalleryPanel}
onExpand={onExpandGalleryPanel}
collapsible
style={paddingTop4}
>
<ImageGalleryContent />
</Panel>
@ -301,3 +303,5 @@ const InvokeTabs = () => {
};
export default memo(InvokeTabs);
const paddingTop4: CSSProperties = { paddingTop: '8px' };