From 1f9885f36c4b01282b5f03bdc2b2fa0c43108384 Mon Sep 17 00:00:00 2001 From: psychedelicious <4822129+psychedelicious@users.noreply.github.com> Date: Wed, 24 Jul 2024 08:29:31 +1000 Subject: [PATCH] fix(ui): model select overflowing when model names are too long --- .../MainModel/ParamMainModelSelect.tsx | 2 +- .../ParamSDXLRefinerModelSelect.tsx | 22 ++++++++++--------- .../RefinerSettingsAccordion.tsx | 2 +- .../UpscaleSettingsAccordion.tsx | 2 +- 4 files changed, 15 insertions(+), 13 deletions(-) diff --git a/invokeai/frontend/web/src/features/parameters/components/MainModel/ParamMainModelSelect.tsx b/invokeai/frontend/web/src/features/parameters/components/MainModel/ParamMainModelSelect.tsx index 26bf80af7bb..c9410dd7a45 100644 --- a/invokeai/frontend/web/src/features/parameters/components/MainModel/ParamMainModelSelect.tsx +++ b/invokeai/frontend/web/src/features/parameters/components/MainModel/ParamMainModelSelect.tsx @@ -51,7 +51,7 @@ const ParamMainModelSelect = () => { {t('modelManager.model')} - + { optionsFilter, }); return ( - + {t('sdxl.refinermodel')} - + + + ); }; diff --git a/invokeai/frontend/web/src/features/settingsAccordions/components/RefinerSettingsAccordion/RefinerSettingsAccordion.tsx b/invokeai/frontend/web/src/features/settingsAccordions/components/RefinerSettingsAccordion/RefinerSettingsAccordion.tsx index bf5bdf13e4e..eb73ebe961d 100644 --- a/invokeai/frontend/web/src/features/settingsAccordions/components/RefinerSettingsAccordion/RefinerSettingsAccordion.tsx +++ b/invokeai/frontend/web/src/features/settingsAccordions/components/RefinerSettingsAccordion/RefinerSettingsAccordion.tsx @@ -62,7 +62,7 @@ const RefinerSettingsAccordionContent: React.FC = memo(() => { return ( - + diff --git a/invokeai/frontend/web/src/features/settingsAccordions/components/UpscaleSettingsAccordion/UpscaleSettingsAccordion.tsx b/invokeai/frontend/web/src/features/settingsAccordions/components/UpscaleSettingsAccordion/UpscaleSettingsAccordion.tsx index ef0a9bdd050..7aa8c8c2501 100644 --- a/invokeai/frontend/web/src/features/settingsAccordions/components/UpscaleSettingsAccordion/UpscaleSettingsAccordion.tsx +++ b/invokeai/frontend/web/src/features/settingsAccordions/components/UpscaleSettingsAccordion/UpscaleSettingsAccordion.tsx @@ -53,7 +53,7 @@ export const UpscaleSettingsAccordion = memo(() => { - +