browser support node content positioning

This commit is contained in:
Aykut Saraç 2022-03-19 15:50:10 +03:00
parent e0b0591266
commit 615de0c157

View File

@ -1,7 +1,7 @@
import styled from "styled-components"; import styled from "styled-components";
export const StyledTextWrapper = styled.div` export const StyledTextWrapper = styled.div`
position: absolute; position: fixed;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -28,7 +28,6 @@ export const StyledForeignObject = styled.foreignObject<{
width: number; width: number;
height: number; height: number;
}>` }>`
position: "relative" !important;
pointer-events: "none" !important; pointer-events: "none" !important;
width: ${({ width }) => width + "px"}; width: ${({ width }) => width + "px"};
height: ${({ height }) => height + "px"}; height: ${({ height }) => height + "px"};