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): handle badge styling when template name is long

Browse Source
This commit is contained in:
Mary Hipp 2024-08-20 12:00:48 -04:00 committed by psychedelicious
parent a6f6d5c400
commit 36a1d39454
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
invokeai/frontend/web/src/features/stylePresets/components/ActiveStylePreset.tsx
View File

@ -69,10 +69,10 @@ export const ActiveStylePreset = () => {
); );
} }
return ( return (
<Flex justifyContent="space-between" w="full" alignItems="center"> <Flex justifyContent="space-between" flexGrow={1} alignItems="center" gap={2} overflow="hidden">
<Flex gap={2} alignItems="center"> <StylePresetImage imageWidth={25} presetImageUrl={activeStylePreset.image} />
<StylePresetImage imageWidth={25} presetImageUrl={activeStylePreset.image} /> <Flex flexDir="column" flexGrow={1} overflow="hidden">
<Flex flexDir="column"> <Flex>
<Badge colorScheme="invokeBlue" variant="subtle"> <Badge colorScheme="invokeBlue" variant="subtle">
{activeStylePreset.name} {activeStylePreset.name}
</Badge> </Badge>

1
invokeai/frontend/web/src/features/stylePresets/components/StylePresetMenuTrigger.tsx
View File

@ -34,6 +34,7 @@ export const StylePresetMenuTrigger = () => {
_hover={_hover} _hover={_hover}
transitionProperty="background-color" transitionProperty="background-color"
transitionDuration="normal" transitionDuration="normal"
w="full"
> >
<ActiveStylePreset /> <ActiveStylePreset />