Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: QR alignment

Browse Source
This commit is contained in:
Alejandro Gomez 2023-02-14 22:33:13 +01:00 committed by Kieran
parent b9267fe1e1
commit 374e571aa6
No known key found for this signature in database
GPG Key ID: DE71CEB3925BE941
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/app/src/Pages/ProfilePage.css
View File

@ -224,13 +224,21 @@
}
.qr-modal .pfp .username {
text-align: center;
align-items: center;
justify-content: center;
flex-direction: column;
}
.qr-modal canvas {
border-radius: 10px;
}
.qr-modal .pfp .display-name {
align-items: center;
justify-content: center;
flex-direction: column;
}
.profile .zap-amount {
font-weight: normal;
margin-left: 4px;

6
packages/app/src/Pages/ProfilePage.tsx
View File

@ -259,7 +259,11 @@ export default function ProfilePage() {
{showProfileQr && (
<Modal className="qr-modal" onClose={() => setShowProfileQr(false)}>
<ProfileImage pubkey={id} />
<QrCode data={`nostr:${hexToBech32(NostrPrefix.PublicKey, id)}`} link={undefined} className="m10" />
<QrCode
data={`nostr:${hexToBech32(NostrPrefix.PublicKey, id)}`}
link={undefined}
className=" m10 align-center"
/>
</Modal>
)}
{isMe ? (