diff --git a/client/src/pages/presentationEditor/components/BackgroundImageSelect.tsx b/client/src/pages/presentationEditor/components/BackgroundImageSelect.tsx index cfe10e380bdbb478ee061a1946c0efaf0d4c2ee6..14dbaa63ed2cc267a080264ebe3d7abd243220ba 100644 --- a/client/src/pages/presentationEditor/components/BackgroundImageSelect.tsx +++ b/client/src/pages/presentationEditor/components/BackgroundImageSelect.tsx @@ -9,7 +9,7 @@ import { ImportedImage, SettingsList, ImageNameText, - BackgroundImageTextContainer, + ImageTextContainer, } from './styled' import CloseIcon from '@material-ui/icons/Close' import axios from 'axios' @@ -105,10 +105,10 @@ const BackgroundImageSelect = ({ variant }: BackgroundImageSelectProps) => { {backgroundImage && ( <> <ListItem divider> - <BackgroundImageTextContainer> + <ImageTextContainer> <ListItemText>Bakgrundsbild</ListItemText> <Typography variant="body2">(Bilden bör ha sidförhållande 16:9)</Typography> - </BackgroundImageTextContainer> + </ImageTextContainer> </ListItem> <ListItem divider button> <ImportedImage src={`/static/images/thumbnail_${backgroundImage.filename}`} /> diff --git a/client/src/pages/presentationEditor/components/RndComponent.tsx b/client/src/pages/presentationEditor/components/RndComponent.tsx index 2fc36735da3ad502b6d4488d248acb738077a404..77ed5de337f5ed620e77994cea2e512166d7b7d9 100644 --- a/client/src/pages/presentationEditor/components/RndComponent.tsx +++ b/client/src/pages/presentationEditor/components/RndComponent.tsx @@ -119,6 +119,7 @@ const RndComponent = ({ component, width, height, scale }: RndComponentProps) => w: ref.offsetWidth / scale, h: ref.offsetHeight / scale, }) + setCurrentPos({ x: position.x / scale, y: position.y / scale }) }} > {hover && ( diff --git a/client/src/pages/presentationEditor/components/styled.tsx b/client/src/pages/presentationEditor/components/styled.tsx index eba166004a9417703b5892d4a5591fc0d8176860..605972d2c4ee798388f9437f373cbabeab777d3c 100644 --- a/client/src/pages/presentationEditor/components/styled.tsx +++ b/client/src/pages/presentationEditor/components/styled.tsx @@ -72,7 +72,7 @@ export const Center = styled.div` width: 100%; ` -export const BackgroundImageTextContainer = styled.div` +export const ImageTextContainer = styled.div` display: flex; flex-direction: column; align-items: center;