Kieran/snort
5
14
Fork 14
Code Issues 37 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

refactor: extract gradient into common class

Browse Source
This commit is contained in:
Alejandro Gomez 2023-01-13 18:38:10 +01:00
parent 08cae73e75
commit f1cd244cb7
No known key found for this signature in database
GPG Key ID: 4DF39E566658C817
2 changed files with 12 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/element/Nip05.css
View File

@ -16,52 +16,36 @@
font-weight: bold; font-weight: bold;
} }
.nip05 .domain[data-domain="snort.social"] { .nip05 .text-gradient {
background: var(--snort-gradient);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-clip: text; background-clip: text;
text-fill-color: transparent; text-fill-color: transparent;
background-color: var(--gray-superlight);
}
.nip05 .domain[data-domain="snort.social"] {
background-image: var(--snort-gradient);
} }
.nip05 .domain[data-domain="nostrplebs.com"] { .nip05 .domain[data-domain="nostrplebs.com"] {
background: var(--nostrplebs-gradient); background-image: var(--nostrplebs-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
} }
.nip05 .domain[data-domain="nostrpurple.com"] { .nip05 .domain[data-domain="nostrpurple.com"] {
background: var(--nostrplebs-gradient); background-image: var(--nostrplebs-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
} }
.nip05 .domain[data-domain="nostr.fan"] { .nip05 .domain[data-domain="nostr.fan"] {
background: var(--nostrplebs-gradient); background-image: var(--nostrplebs-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
} }
.nip05 .domain[data-domain="nostrich.zone"] { .nip05 .domain[data-domain="nostrich.zone"] {
background: var(--nostrplebs-gradient); background-image: var(--nostrplebs-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
} }
.nip05 .domain[data-domain="nostriches.net"] { .nip05 .domain[data-domain="nostriches.net"] {
background: var(--nostrplebs-gradient); background-image: var(--nostrplebs-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
} }
.nip05 .badge { .nip05 .badge {

2
src/element/Nip05.js
View File

@ -39,7 +39,7 @@ const Nip05 = ({ name, domain, isVerified, couldNotVerify }) => {
return ( return (
<div className="flex nip05" onClick={(ev) => ev.stopPropagation()}> <div className="flex nip05" onClick={(ev) => ev.stopPropagation()}>
{!isDefaultUser && <div className="nick">{name}</div>} {!isDefaultUser && <div className="nick">{name}</div>}
<div className="domain" data-domain={isVerified ? domain : ''}> <div className={`domain ${isVerified ? 'text-gradient' : ''}`} data-domain={isVerified ? domain : ''}>
{domain} {domain}
</div> </div>
<span className="badge"> <span className="badge">