fix: change dark mode qr code styling as scan workaround

This commit is contained in:
vilm3r
2023-01-11 19:45:35 -06:00
parent 0cd101f579
commit 692215cdb6

View File

@@ -75,15 +75,17 @@ export const ReceiveView = ({ keys }: ReceiveViewProps) => {
<div className="flex flex-col lg:flex-row"> <div className="flex flex-col lg:flex-row">
{peerKey === "" && ( {peerKey === "" && (
<div className="overflow-visible py-5 max-w-[20rem] mx-auto lg:pr-5"> <div className="overflow-visible py-5 max-w-[20rem] mx-auto lg:pr-5">
<QRCodeSVG <div className="dark:bg-white dark:p-5 dark:rounded-xl">
value={keys.pub} <QRCodeSVG
level="H" value={keys.pub}
bgColor="transparent" level="H"
fgColor={isDarkMode ? "#f3f4f6" : "black"} bgColor="white"
includeMargin={false} fgColor="black"
width="100%" includeMargin={false}
height="100%" width="100%"
/> height="100%"
/>
</div>
</div> </div>
)} )}
<div className="flex flex-col items-center justify-center w-full"> <div className="flex flex-col items-center justify-center w-full">