wip: convert more components to new ui

This commit is contained in:
Ren Amamiya
2023-08-02 08:28:43 +07:00
parent 1ddcbf1654
commit a85bcf917b
23 changed files with 87 additions and 90 deletions

View File

@@ -26,17 +26,17 @@ export function NoteReplyForm({ id, pubkey }: { id: string; pubkey: string }) {
};
return (
<div className="flex flex-col rounded-xl border-t border-zinc-800/50 bg-zinc-900">
<div className="mt-3 flex flex-col rounded-xl bg-white/10">
<div className="relative w-full flex-1 overflow-hidden">
<textarea
value={value}
onChange={(e) => setValue(e.target.value)}
placeholder="Reply to this thread..."
className=" relative h-24 w-full resize-none rounded-md bg-transparent px-3 py-3 text-base !outline-none placeholder:text-zinc-400 dark:text-zinc-100 dark:placeholder:text-zinc-500"
className=" relative h-24 w-full resize-none rounded-md bg-transparent px-3 py-3 text-base text-white !outline-none placeholder:text-white/50"
spellCheck={false}
/>
</div>
<div className="w-full border-t border-zinc-800 px-3 py-3">
<div className="w-full border-t border-white/10 px-3 py-3">
{status === 'loading' ? (
<div>
<p>Loading...</p>
@@ -53,8 +53,8 @@ export function NoteReplyForm({ id, pubkey }: { id: string; pubkey: string }) {
/>
</div>
<div>
<p className="mb-1 text-sm leading-none text-zinc-400">Reply as</p>
<p className="text-sm font-medium leading-none text-zinc-100">
<p className="mb-1 text-sm leading-none text-white/50">Reply as</p>
<p className="text-sm font-medium leading-none text-white">
{user?.nip05 || user?.name || displayNpub(pubkey, 16)}
</p>
</div>