diff --git a/src/pages/ProfilePage.css b/src/pages/ProfilePage.css index 6eb66889..33c7f486 100644 --- a/src/pages/ProfilePage.css +++ b/src/pages/ProfilePage.css @@ -102,20 +102,10 @@ .profile .details a { color: var(--highlight); + text-decoration: none; } -.profile .website { - color: var(--highlight); - margin: 6px 0; -} - -.profile .lnurl { - color: var(--highlight); - margin: 6px 0; - cursor: pointer; -} - -.profile .lnurl:hover { +.profile .details a:hover { text-decoration: underline; } @@ -125,16 +115,6 @@ margin-left: 4px; } -.profile .website::before { - content: '🔗 '; - font-size: 10px; -} - -.profile .lnurl { - overflow: hidden; - text-overflow: ellipsis; -} - .profile .details-wrapper { display: flex; flex-direction: column; @@ -231,3 +211,39 @@ max-width: 420px; } } + +.profile .links { + margin: 8px 12px; +} + +.profile .website { + color: var(--highlight); + margin: 6px 0; +} + +.profile .website a { + text-decoration: none; +} + +.profile .website::before { + content: '🔗 '; +} + +.profile .lnurl { + color: var(--highlight); + margin: 6px 0; + cursor: pointer; +} + +.profile .lnurl:hover { + text-decoration: underline; +} + +.profile .lnurl { + overflow: hidden; + text-overflow: ellipsis; +} + +.profile .zap { + margin-right: .3em; +} diff --git a/src/pages/ProfilePage.js b/src/pages/ProfilePage.js index cde51d58..5d4b7abc 100644 --- a/src/pages/ProfilePage.js +++ b/src/pages/ProfilePage.js @@ -61,20 +61,22 @@ export default function ProfilePage() {
{about}
- {user?.website && ( -
- {user.website} -
- )} +
+ {user?.website && ( +
+ {user.website} +
+ )} - {lnurl && ( - <> - ⚡️ - setShowLnQr(true)}> - {lnurl} - - - )} + {lnurl && ( +
setShowLnQr(true)}> + ⚡️ + + {lnurl} + +
+ )} +
setShowLnQr(false)} />
)