diff --git a/invokeai/frontend/web/src/features/regionalPrompts/components/BrushSize.tsx b/invokeai/frontend/web/src/features/regionalPrompts/components/BrushSize.tsx index a1a4bb1cfc..d65981d0ff 100644 --- a/invokeai/frontend/web/src/features/regionalPrompts/components/BrushSize.tsx +++ b/invokeai/frontend/web/src/features/regionalPrompts/components/BrushSize.tsx @@ -15,7 +15,7 @@ export const BrushSize = memo(() => { [dispatch] ); return ( - + {t('regionalPrompts.brushSize')} diff --git a/invokeai/frontend/web/src/features/regionalPrompts/components/PromptLayerOpacity.tsx b/invokeai/frontend/web/src/features/regionalPrompts/components/PromptLayerOpacity.tsx index 1ae4ecc524..29906fe2ee 100644 --- a/invokeai/frontend/web/src/features/regionalPrompts/components/PromptLayerOpacity.tsx +++ b/invokeai/frontend/web/src/features/regionalPrompts/components/PromptLayerOpacity.tsx @@ -1,4 +1,4 @@ -import { CompositeSlider, FormControl, FormLabel } from '@invoke-ai/ui-library'; +import { CompositeNumberInput, CompositeSlider, FormControl, FormLabel } from '@invoke-ai/ui-library'; import { useAppDispatch, useAppSelector } from 'app/store/storeHooks'; import { promptLayerOpacityChanged } from 'features/regionalPrompts/store/regionalPromptsSlice'; import { memo, useCallback } from 'react'; @@ -15,9 +15,10 @@ export const PromptLayerOpacity = memo(() => { [dispatch] ); return ( - - {t('regionalPrompts.brushSize')} + + Layer Opacity + ); }); diff --git a/invokeai/frontend/web/src/features/regionalPrompts/components/RegionalPromptsEditor.tsx b/invokeai/frontend/web/src/features/regionalPrompts/components/RegionalPromptsEditor.tsx index 59eabb0622..72006db3a5 100644 --- a/invokeai/frontend/web/src/features/regionalPrompts/components/RegionalPromptsEditor.tsx +++ b/invokeai/frontend/web/src/features/regionalPrompts/components/RegionalPromptsEditor.tsx @@ -1,5 +1,5 @@ /* eslint-disable i18next/no-literal-string */ -import { Button, Flex } from '@invoke-ai/ui-library'; +import { Button, ButtonGroup, Flex } from '@invoke-ai/ui-library'; import { createMemoizedSelector } from 'app/store/createMemoizedSelector'; import { useAppSelector } from 'app/store/storeHooks'; import { AddLayerButton } from 'features/regionalPrompts/components/AddLayerButton'; @@ -11,7 +11,6 @@ import { PromptLayerOpacity } from 'features/regionalPrompts/components/PromptLa import { ToolChooser } from 'features/regionalPrompts/components/ToolChooser'; import { selectRegionalPromptsSlice } from 'features/regionalPrompts/store/regionalPromptsSlice'; import { getRegionalPromptLayerBlobs } from 'features/regionalPrompts/util/getLayerBlobs'; -import { ImageSizeLinear } from 'features/settingsAccordions/components/ImageSettingsAccordion/ImageSizeLinear'; import { memo } from 'react'; const selectLayerIdsReversed = createMemoizedSelector(selectRegionalPromptsSlice, (regionalPrompts) => @@ -27,23 +26,21 @@ export const RegionalPromptsEditor = memo(() => { return ( - - - - + + + + + + + - - {layerIdsReversed.map((id) => ( ))} - - - {/* */} - + ); });