aljaz/sendstr-web
1
0
Fork 0
mirror of https://github.com/aljazceru/sendstr-web.git synced 2025-12-17 06:24:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

Remove Card from recieve view.

Browse Source
This commit is contained in:
Arne Pedersen
2022-12-29 00:24:10 +01:00
parent 69822f45f1
commit 02aaeaa272
1 changed files with 41 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/views/receive/index.tsx
View File

@@ -72,56 +72,53 @@ export const ReceiveView = ({ keys }: ReceiveViewProps) => {
return ( return (
<div className="max-w-[64rem] m-auto"> <div className="max-w-[64rem] m-auto">
<Card> <div className="p-10">
<div className="p-10"> <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
<QRCodeSVG value={keys.pub}
value={keys.pub} level="H"
level="H" bgColor="transparent"
bgColor="transparent" fgColor={isDarkMode ? "#f3f4f6" : "black"}
fgColor={isDarkMode ? "#f3f4f6" : "black"} includeMargin={false}
includeMargin={false} width="100%"
width="100%" height="100%"
height="100%" />
/> </div>
)}
<div className="flex flex-col items-center justify-center w-full">
<div>
<label className="flex flex-grow text-left">My pubkey:</label>
<div
id="mypubkey"
className="border-2 border-custom-black rounded-md p-2 bg-custom-green-dark break-all"
>
{keys.pub}
</div> </div>
)} <div className="py-6 max-w-[20rem] m-auto">
<div className="flex flex-col items-center justify-center w-full"> <Button
<div> onClick={() => {
<label className="flex flex-grow text-left">My pubkey:</label> navigator.clipboard.writeText(keys.pub).catch(console.warn)
<div Toastify({
id="mypubkey" text: "Pubkey copied",
className="border-2 border-custom-black rounded-md p-2 bg-custom-green-dark break-all" duration: 2000,
close: false,
gravity: "bottom",
position: "center",
stopOnFocus: false,
className: "flex fixed bottom-0 bg-custom-black p-2 rounded left-[45%] z-50",
}).showToast()
}}
> >
{keys.pub} Copy Pubkey
</div> </Button>
<div className="py-6 max-w-[20rem] m-auto">
<Button
onClick={() => {
navigator.clipboard.writeText(keys.pub).catch(console.warn)
Toastify({
text: "Pubkey copied",
duration: 2000,
close: false,
gravity: "bottom",
position: "center",
stopOnFocus: false,
className:
"flex fixed bottom-0 bg-custom-black p-2 rounded left-[45%] z-50",
}).showToast()
}}
>
Copy Pubkey
</Button>
</div>
</div> </div>
</div> </div>
</div> </div>
<div>{peerKey !== "" && <Message message={message} onChange={onMessageChange} />}</div>
</div> </div>
</Card> <div>{peerKey !== "" && <Message message={message} onChange={onMessageChange} />}</div>
</div>
</div> </div>
) )
} }