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): canvas entity opacity scale

Browse Source
This commit is contained in:
psychedelicious 2024-08-27 16:16:02 +10:00
parent dbef1a9e06
commit eedf81dcc5
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityOpacity.tsx
View File

@ -64,17 +64,17 @@ const snapCandidates = marks.slice(1, marks.length - 1);
const selectOpacity = createSelector(selectCanvasSlice, (canvas) => {
const selectedEntityIdentifier = canvas.selectedEntityIdentifier;
if (!selectedEntityIdentifier) {
return 100; // fallback to 100% opacity
return 1; // fallback to 100% opacity
}
const selectedEntity = selectEntity(canvas, selectedEntityIdentifier);
if (!selectedEntity) {
return 100; // fallback to 100% opacity
return 1; // fallback to 100% opacity
}
if (!isDrawableEntity(selectedEntity)) {
return 100; // fallback to 100% opacity
return 1; // fallback to 100% opacity
}
// Opacity is a float from 0-1, but we want to display it as a percentage
return selectedEntity.opacity * 100;
return selectedEntity.opacity;
});
export const CanvasEntityOpacity = memo(() => {
@ -83,7 +83,7 @@ export const CanvasEntityOpacity = memo(() => {
const selectedEntityIdentifier = useAppSelector(selectSelectedEntityIdentifier);
const opacity = useAppSelector(selectOpacity);
const [localOpacity, setLocalOpacity] = useState(opacity);
const [localOpacity, setLocalOpacity] = useState(opacity * 100);
const onChangeSlider = useCallback(
(opacity: number) => {