style(settings): use primary color and underline for links

plebbit · Feb 24, 2024 · 1001d7d · 1001d7d
1 parent 4b90287
commit 1001d7d
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 2 deletions.
diff --git a/src/views/settings/address-settings/address-settings.module.css b/src/views/settings/address-settings/address-settings.module.css
@@ -49,4 +49,12 @@
 .cryptoAddressInfo {
   padding: 5px 20px 5px 0;
   word-break: break-word;
+}
+
+.cryptoAddressInfo a {
+  color: var(--text-primary);
+}
+
+.cryptoAddressInfo a:hover {
+  text-decoration: underline;
 }
diff --git a/src/views/settings/address-settings/address-settings.tsx b/src/views/settings/address-settings/address-settings.tsx
@@ -144,7 +144,7 @@ const AddressSettings = () => {
           {showCryptoAddressInfo && (
             <div className={styles.cryptoAddressInfo}>
               <a href='https://app.ens.domains/' target='_blank' rel='noopener noreferrer'>
-                https://app.ens.domains/
+                app.ens.domains
               </a>
               {` > address.eth > records > edit records > add record > record name: "plebbit-author-address" > record value: ${account?.signer?.address} > save`}
             </div>

diff --git a/src/views/settings/avatar-settings/avatar-settings.module.css b/src/views/settings/avatar-settings/avatar-settings.module.css
@@ -52,4 +52,12 @@
 
 .state {
   padding-top: 10px;
+}
+
+.copyMessage a {
+  color: var(--text-primary);
+}
+
+.copyMessage a:hover {
+  text-decoration: underline;
 }
diff --git a/src/views/settings/avatar-settings/avatar-settings.tsx b/src/views/settings/avatar-settings/avatar-settings.tsx
@@ -168,7 +168,10 @@ const AvatarSettings = () => {
             />
           </div>
           <div className={styles.copyMessage}>
-            <button onClick={copyMessageToSign}>{hasCopied ? 'copied' : 'copy'}</button> message to sign
+            <button onClick={copyMessageToSign}>{hasCopied ? 'copied' : 'copy'}</button> message to sign on{' '}
+            <a href='https://etherscan.io/verifiedSignatures' target='_blank' rel='noopener noreferrer'>
+              etherscan
+            </a>
           </div>
           <div className={styles.pasteSignature}>
             <span className={styles.settingTitle}>paste signature</span>