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 0bfa033089
commit b6bfa65104
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 selectOpacity = createSelector(selectCanvasSlice, (canvas) => {
const selectedEntityIdentifier = canvas.selectedEntityIdentifier; const selectedEntityIdentifier = canvas.selectedEntityIdentifier;
if (!selectedEntityIdentifier) { if (!selectedEntityIdentifier) {
return 100; // fallback to 100% opacity return 1; // fallback to 100% opacity
} }
const selectedEntity = selectEntity(canvas, selectedEntityIdentifier); const selectedEntity = selectEntity(canvas, selectedEntityIdentifier);
if (!selectedEntity) { if (!selectedEntity) {
return 100; // fallback to 100% opacity return 1; // fallback to 100% opacity
} }
if (!isDrawableEntity(selectedEntity)) { 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 // 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(() => { export const CanvasEntityOpacity = memo(() => {
@ -83,7 +83,7 @@ export const CanvasEntityOpacity = memo(() => {
const selectedEntityIdentifier = useAppSelector(selectSelectedEntityIdentifier); const selectedEntityIdentifier = useAppSelector(selectSelectedEntityIdentifier);
const opacity = useAppSelector(selectOpacity); const opacity = useAppSelector(selectOpacity);
const [localOpacity, setLocalOpacity] = useState(opacity); const [localOpacity, setLocalOpacity] = useState(opacity * 100);
const onChangeSlider = useCallback( const onChangeSlider = useCallback(
(opacity: number) => { (opacity: number) => {