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
2 changed files with 14 additions and 2 deletions
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 { .qr-modal .pfp .username {
text-align: center; align-items: center;
justify-content: center;
flex-direction: column;
} }
.qr-modal canvas { .qr-modal canvas {
border-radius: 10px; border-radius: 10px;
} }
.qr-modal .pfp .display-name {
align-items: center;
justify-content: center;
flex-direction: column;
}
.profile .zap-amount { .profile .zap-amount {
font-weight: normal; font-weight: normal;
margin-left: 4px; margin-left: 4px;

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

@ -259,7 +259,11 @@ export default function ProfilePage() {
{showProfileQr && ( {showProfileQr && (
<Modal className="qr-modal" onClose={() => setShowProfileQr(false)}> <Modal className="qr-modal" onClose={() => setShowProfileQr(false)}>
<ProfileImage pubkey={id} /> <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> </Modal>
)} )}
{isMe ? ( {isMe ? (