better spacing for urls
This commit is contained in:
parent
7d050242f1
commit
dbd6775f47
@ -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;
|
||||
}
|
||||
|
@ -61,6 +61,7 @@ export default function ProfilePage() {
|
||||
<div className="details">
|
||||
<div>{about}</div>
|
||||
|
||||
<div className="links">
|
||||
{user?.website && (
|
||||
<div className="website f-ellipsis">
|
||||
<a href={user.website} target="_blank" rel="noreferrer">{user.website}</a>
|
||||
@ -68,13 +69,14 @@ export default function ProfilePage() {
|
||||
)}
|
||||
|
||||
{lnurl && (
|
||||
<>
|
||||
⚡️
|
||||
<span className="lnurl f-ellipsis" onClick={(e) => setShowLnQr(true)}>
|
||||
<div className="f-ellipsis" onClick={(e) => setShowLnQr(true)}>
|
||||
<span className="zap">⚡️</span>
|
||||
<span className="lnurl" >
|
||||
{lnurl}
|
||||
</span>
|
||||
</>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<LNURLTip svc={lnurl} show={showLnQr} onClose={() => setShowLnQr(false)} />
|
||||
</div>
|
||||
)
|
||||
|
Loading…
Reference in New Issue
Block a user