forked from Kieran/snort
better spacing for urls
This commit is contained in:
parent
7d050242f1
commit
dbd6775f47
@ -102,20 +102,10 @@
|
|||||||
|
|
||||||
.profile .details a {
|
.profile .details a {
|
||||||
color: var(--highlight);
|
color: var(--highlight);
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile .website {
|
.profile .details a:hover {
|
||||||
color: var(--highlight);
|
|
||||||
margin: 6px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.profile .lnurl {
|
|
||||||
color: var(--highlight);
|
|
||||||
margin: 6px 0;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.profile .lnurl:hover {
|
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -125,16 +115,6 @@
|
|||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile .website::before {
|
|
||||||
content: '🔗 ';
|
|
||||||
font-size: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.profile .lnurl {
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
|
|
||||||
.profile .details-wrapper {
|
.profile .details-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -231,3 +211,39 @@
|
|||||||
max-width: 420px;
|
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,20 +61,22 @@ export default function ProfilePage() {
|
|||||||
<div className="details">
|
<div className="details">
|
||||||
<div>{about}</div>
|
<div>{about}</div>
|
||||||
|
|
||||||
{user?.website && (
|
<div className="links">
|
||||||
<div className="website f-ellipsis">
|
{user?.website && (
|
||||||
<a href={user.website} target="_blank" rel="noreferrer">{user.website}</a>
|
<div className="website f-ellipsis">
|
||||||
</div>
|
<a href={user.website} target="_blank" rel="noreferrer">{user.website}</a>
|
||||||
)}
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
{lnurl && (
|
{lnurl && (
|
||||||
<>
|
<div className="f-ellipsis" onClick={(e) => setShowLnQr(true)}>
|
||||||
⚡️
|
<span className="zap">⚡️</span>
|
||||||
<span className="lnurl f-ellipsis" onClick={(e) => setShowLnQr(true)}>
|
<span className="lnurl" >
|
||||||
{lnurl}
|
{lnurl}
|
||||||
</span>
|
</span>
|
||||||
</>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
</div>
|
||||||
<LNURLTip svc={lnurl} show={showLnQr} onClose={() => setShowLnQr(false)} />
|
<LNURLTip svc={lnurl} show={showLnQr} onClose={() => setShowLnQr(false)} />
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
Loading…
Reference in New Issue
Block a user