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

feat(ui): regional prompts default layer opacity

Browse Source
This commit is contained in:
psychedelicious 2024-04-18 18:36:19 +10:00 committed by Kent Keirsey
parent dcb4a40741
commit 9e1a4a4a07
2 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
invokeai/frontend/web/src/features/regionalPrompts/components/PromptLayerOpacity.tsx
View File

@ -1,6 +1,9 @@
import { CompositeNumberInput, 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 { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
import { promptLayerOpacityChanged } from 'features/regionalPrompts/store/regionalPromptsSlice'; import {
initialRegionalPromptsState,
promptLayerOpacityChanged,
} from 'features/regionalPrompts/store/regionalPromptsSlice';
import { memo, useCallback } from 'react'; import { memo, useCallback } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
@ -17,8 +20,22 @@ export const PromptLayerOpacity = memo(() => {
return ( return (
<FormControl> <FormControl>
<FormLabel>Layer Opacity</FormLabel> <FormLabel>Layer Opacity</FormLabel>
<CompositeSlider min={0.25} max={1} step={0.01} value={promptLayerOpacity} onChange={onChange} /> <CompositeSlider
<CompositeNumberInput min={0.25} max={1} step={0.01} value={promptLayerOpacity} onChange={onChange} /> min={0.25}
max={1}
step={0.01}
value={promptLayerOpacity}
defaultValue={initialRegionalPromptsState.promptLayerOpacity}
onChange={onChange}
/>
<CompositeNumberInput
min={0.25}
max={1}
step={0.01}
value={promptLayerOpacity}
defaultValue={initialRegionalPromptsState.promptLayerOpacity}
onChange={onChange}
/>
</FormControl> </FormControl>
); );
}); });

2
invokeai/frontend/web/src/features/regionalPrompts/store/regionalPromptsSlice.ts
View File

@ -69,7 +69,7 @@ type RegionalPromptsState = {
autoNegative: ParameterAutoNegative; autoNegative: ParameterAutoNegative;
}; };
const initialRegionalPromptsState: RegionalPromptsState = { export const initialRegionalPromptsState: RegionalPromptsState = {
_version: 1, _version: 1,
tool: 'brush', tool: 'brush',
selectedLayer: null, selectedLayer: null,