Add change text align in text render

constantgillet · Jun 6, 2024 · 4126cc4 · 4126cc4
1 parent 22ce7f1
commit 4126cc4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/app/render-components/TextElementRendered.tsx b/app/render-components/TextElementRendered.tsx
@@ -27,8 +27,6 @@ export const TextElementRendered = (props: TextElementProps) => {
 		},
 	);
 
-	console.log(props);
-
 	return (
 		<p
 			style={{
@@ -39,14 +37,19 @@ export const TextElementRendered = (props: TextElementProps) => {
 				fontWeight: props.fontWeight,
 				fontSize: `${props.fontSize}px`,
 				textTransform: props.textTransform,
-				textAlign: props.textAlign,
 				width: `${props.width}px`,
 				height: `${props.height}px`,
 				color: addAlphaToHex(props.color, props.textColorOpacity),
 				overflowWrap: "break-word",
 				whiteSpace: "pre-wrap",
-				backgroundColor: "rgba(255, 255, 255, 0.4)",
 				wordBreak: "break-word",
+				textAlign: props.textAlign,
+				justifyContent:
+					props.textAlign === "center"
+						? "center"
+						: props.textAlign === "right"
+							? "flex-end"
+							: "flex-start",
 			}}
 		>
 			{contentWithVariables}

diff --git a/package-lock.json b/package-lock.json