Merge pull request #75 from v0l/autocomplete-colors

fix: autocomplete colors

src/element/Nip05.tsx

@@ -54,9 +54,11 @@ const Nip05 = (props: Nip05Params) => {
 
   return (
     <div className={`flex nip05${couldNotVerify ? " failed" : ""}`} onClick={(ev) => ev.stopPropagation()}>
-      <div className="nick">
-        {!isDefaultUser && name}
-      </div>
+      {!isDefaultUser && (
+        <div className="nick">
+          {name}
+        </div>
+      )}
       <div className={`domain text-gradient`} data-domain={domain?.toLowerCase()}>
         {domain}
       </div>

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;

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";