mirror of
https://github.com/pezkuwichain/pezkuwi-ui.git
synced 2026-07-21 14:25:42 +00:00
Adjust styled-component injection (#707)
* Adjust styled-component injection * Adjust
This commit is contained in:
@@ -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);
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user