Adjust styled-component injection (#707)

* Adjust styled-component injection

* Adjust
This commit is contained in:
Jaco
2023-01-25 13:02:06 +02:00
committed by GitHub
parent d607b04680
commit 0c413f3fb9
6 changed files with 57 additions and 46 deletions
+6 -4
View File
@@ -120,7 +120,7 @@ function Display ({ className, size, skipEncoding, style, timerDelay = DEFAULT_F
}
return (
<div
<StyledDiv
className={className}
style={containerStyle}
>
@@ -130,11 +130,11 @@ function Display ({ className, size, skipEncoding, style, timerDelay = DEFAULT_F
>
<img src={image} />
</div>
</div>
</StyledDiv>
);
}
export const QrDisplay = React.memo(styled(Display)`
const StyledDiv = styled.div`
.ui--qr-Display {
height: 100%;
width: 100%;
@@ -148,4 +148,6 @@ export const QrDisplay = React.memo(styled(Display)`
width: auto !important;
}
}
`);
`;
export const QrDisplay = React.memo(Display);
+6 -4
View File
@@ -39,7 +39,7 @@ function Scan ({ className, delay = DEFAULT_DELAY, onError = DEFAULT_ERROR, onSc
);
return (
<div
<StyledDiv
className={className}
style={containerStyle}
>
@@ -50,11 +50,11 @@ function Scan ({ className, delay = DEFAULT_DELAY, onError = DEFAULT_ERROR, onSc
onScan={_onScan}
style={style}
/>
</div>
</StyledDiv>
);
}
export const QrScan = React.memo(styled(Scan)`
const StyledDiv = styled.div`
.ui--qr-Scan {
display: inline-block;
height: 100%;
@@ -65,4 +65,6 @@ export const QrScan = React.memo(styled(Scan)`
margin: 0;
}
}
`);
`;
export const QrScan = React.memo(Scan);