From b32f3544cc9a124285b0856f631fed5ba486d77a Mon Sep 17 00:00:00 2001 From: Alejandro Gomez Date: Tue, 10 Jan 2023 11:06:51 +0100 Subject: [PATCH] nip05 ready for light mode --- src/element/Nip05.css | 6 +++--- src/element/Nip05.js | 4 ++-- src/element/Note.css | 3 ++- src/index.css | 2 ++ src/pages/ProfilePage.js | 2 +- 5 files changed, 10 insertions(+), 7 deletions(-) diff --git a/src/element/Nip05.css b/src/element/Nip05.css index ead258dc..bb7d10d0 100644 --- a/src/element/Nip05.css +++ b/src/element/Nip05.css @@ -2,15 +2,15 @@ justify-content: flex-start; align-items: center; font-size: 14px; - margin: .2em 0; + margin: .2em; } .nip05 .nick { - color: #999; + color: var(--gray-light); } .nip05 .domain { - color: #DDD; + color: var(--gray-superlight); } .nip05 .badge { diff --git a/src/element/Nip05.js b/src/element/Nip05.js index 8097609b..70e7eed3 100644 --- a/src/element/Nip05.js +++ b/src/element/Nip05.js @@ -37,7 +37,7 @@ const Nip05 = ({ nip05, pubkey }) => { {isVerified && ( @@ -46,7 +46,7 @@ const Nip05 = ({ nip05, pubkey }) => { {couldNotVerify && ( diff --git a/src/element/Note.css b/src/element/Note.css index 90e570ef..3b5566ff 100644 --- a/src/element/Note.css +++ b/src/element/Note.css @@ -53,7 +53,8 @@ } .indented .active { - margin-left: -3px; + background-color: var(--gray-tertiary); + margin-left: -5px; border-left: 3px solid var(--highlight); } diff --git a/src/index.css b/src/index.css index fe1c44fe..f75634e8 100644 --- a/src/index.css +++ b/src/index.css @@ -23,6 +23,8 @@ --gray: #ccc; --gray-secondary: #ddd; --gray-tertiary: #eee; + --gray-superlight: #333; + --gray-light: #555; } } diff --git a/src/pages/ProfilePage.js b/src/pages/ProfilePage.js index c013b28d..0e46260e 100644 --- a/src/pages/ProfilePage.js +++ b/src/pages/ProfilePage.js @@ -33,12 +33,12 @@ export default function ProfilePage() {

{user?.display_name || user?.name}

+ {user?.nip05 && }
{isMe ?
navigate("/settings")}>Settings
: }
- {user?.nip05 && }

{extractLinks([user?.about])}

{user?.website && (