Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 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;
}
.nip05 .domain[data-domain="snort.social"] {
background: var(--snort-gradient);
.nip05 .text-gradient {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
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"] {
background: var(--nostrplebs-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
background-image: var(--nostrplebs-gradient);
}
.nip05 .domain[data-domain="nostrpurple.com"] {
background: var(--nostrplebs-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
background-image: var(--nostrplebs-gradient);
}
.nip05 .domain[data-domain="nostr.fan"] {
background: var(--nostrplebs-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
background-image: var(--nostrplebs-gradient);
}
.nip05 .domain[data-domain="nostrich.zone"] {
background: var(--nostrplebs-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
background-image: var(--nostrplebs-gradient);
}
.nip05 .domain[data-domain="nostriches.net"] {
background: var(--nostrplebs-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
background-image: var(--nostrplebs-gradient);
}
.nip05 .badge {

2
src/element/Nip05.js
View File

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