diff --git a/src/element/Nip05.tsx b/src/element/Nip05.tsx index ff1e3428..7b342ddc 100644 --- a/src/element/Nip05.tsx +++ b/src/element/Nip05.tsx @@ -54,9 +54,11 @@ const Nip05 = (props: Nip05Params) => { return (
ev.stopPropagation()}> -
- {!isDefaultUser && name} -
+ {!isDefaultUser && ( +
+ {name} +
+ )}
{domain}
diff --git a/src/element/Textarea.css b/src/element/Textarea.css index b8bf04f9..8e99cf0f 100644 --- a/src/element/Textarea.css +++ b/src/element/Textarea.css @@ -1,21 +1,5 @@ -.rta__entity { - background: var(--gray); -} - -.rta__entity--selected { - color: var(--font-color); - background: var(--gray-secondary); -} - -.rta__list { - border: 1px solid var(--gray-tertiary); -} - -.rta__item:not(:last-child) { - border-bottom: 1px solid var(--gray-tertiary); -} - .user-item { + background: var(--gray); display: flex; flex-direction: row; align-items: center; @@ -23,6 +7,10 @@ padding: 10px; } +.user-item:hover { + background: var(--gray-tertiary); +} + .user-item .picture { width: 30px; height: 30px; diff --git a/src/element/Textarea.tsx b/src/element/Textarea.tsx index 7b8ee8ec..3cb71c4c 100644 --- a/src/element/Textarea.tsx +++ b/src/element/Textarea.tsx @@ -1,10 +1,10 @@ +import "@webscopeio/react-textarea-autocomplete/style.css"; import "./Textarea.css"; import Nostrich from "../nostrich.jpg"; import { useLiveQuery } from "dexie-react-hooks"; import ReactTextareaAutocomplete from "@webscopeio/react-textarea-autocomplete"; import TextareaAutosize from "react-textarea-autosize"; -import "@webscopeio/react-textarea-autocomplete/style.css"; import Nip05 from "./Nip05"; import { hexToBech32 } from "../Util";