diff --git a/src/pages/profile/index.tsx b/src/pages/profile/index.tsx index 14ddbb6..caa5387 100644 --- a/src/pages/profile/index.tsx +++ b/src/pages/profile/index.tsx @@ -189,7 +189,7 @@ export const ProfilePage = () => { component={Link} to={`https://njump.me/${nostrJoiningBlock?.encodedEventPointer || ''}`} target="_blank" - sx={{ color: '#7b7b7b', marginTop: '15px', display: 'block' }} + className={`${styles.nostrSince} ${styles.link}`} variant="caption" > {nostrJoiningBlock @@ -208,7 +208,7 @@ export const ProfilePage = () => { - + { > {profileMetadata && ( @@ -234,21 +234,17 @@ export const ProfilePage = () => { {textElementWithCopyIcon( hexToNpub(pubkey) || '', - { color: '#5e5e5e' }, - 5 + undefined, + 15 )} {profileMetadata?.nip05 && - textElementWithCopyIcon(profileMetadata.nip05, { - color: '#5e5e5e' - })} + textElementWithCopyIcon(profileMetadata.nip05, undefined, 15)} {profileMetadata?.lud16 && - textElementWithCopyIcon(profileMetadata.lud16, { - color: '#5e5e5e' - })} + textElementWithCopyIcon(profileMetadata.lud16, undefined, 15)} @@ -257,16 +253,12 @@ export const ProfilePage = () => { - - {profileMetadata.website} - - + {profileMetadata.website} )} diff --git a/src/pages/profile/style.module.scss b/src/pages/profile/style.module.scss index 9fe952d..c3c2034 100644 --- a/src/pages/profile/style.module.scss +++ b/src/pages/profile/style.module.scss @@ -54,13 +54,27 @@ width: 150px; } -.copyIcon { - font-size: 1.1rem !important; - margin-left: 5px; +.link { + &:hover { + color: #3a3a3a; + } +} + +.nostrSince { + color: #5c5c5c; + margin-top: 15px !important; + display: inline-block; + + &:hover { + color: #3a3a3a; + } } .website { - margin-bottom: 15px 0 !important; + margin-top: 8px !important; + text-decoration: underline; + text-decoration-color: #3e3e3e; + color: #3e3e3e; } .captionWrapper { @@ -72,4 +86,17 @@ color: #15999b; margin-left: 5px; font-size: 12px; +} + +.npubNipItem { + display: inline-flex; + justify-content: space-between; + color: #3e3e3e; + line-height: 1.3; + + .copyIcon { + font-size: 0.9rem !important; + margin-left: 5px; + margin-top: 2px; + } } \ No newline at end of file