update ui

This commit is contained in:
Ren Amamiya
2023-06-17 15:10:49 +07:00
parent c51eb0cf1d
commit 3cc24dc8c1
41 changed files with 102 additions and 194 deletions

View File

@@ -82,7 +82,7 @@ export function NoteMetadata({
<LoaderIcon
width={12}
height={12}
className="animate-spin text-black dark:text-white"
className="animate-spin text-black dark:text-zinc-100"
/>
</div>
<div className="w-20 group inline-flex items-center gap-1.5">
@@ -94,7 +94,7 @@ export function NoteMetadata({
<LoaderIcon
width={12}
height={12}
className="animate-spin text-black dark:text-white"
className="animate-spin text-black dark:text-zinc-100"
/>
</div>
<div className="w-20 group inline-flex items-center gap-1.5">
@@ -106,7 +106,7 @@ export function NoteMetadata({
<LoaderIcon
width={12}
height={12}
className="animate-spin text-black dark:text-white"
className="animate-spin text-black dark:text-zinc-100"
/>
</div>
</>

View File

@@ -29,7 +29,7 @@ export function NoteReply({
height={16}
className="text-zinc-400 group-hover:text-green-400"
/>
<span className="text-base leading-none text-zinc-400 group-hover:text-white">
<span className="text-base leading-none text-zinc-400 group-hover:text-zinc-100">
{compactNumber.format(replies)}
</span>
</button>

View File

@@ -51,7 +51,7 @@ export function NoteRepost({
height={16}
className="text-zinc-400 group-hover:text-blue-400"
/>
<span className="text-base leading-none text-zinc-400 group-hover:text-white">
<span className="text-base leading-none text-zinc-400 group-hover:text-zinc-100">
{compactNumber.format(count)}
</span>
</button>

View File

@@ -12,7 +12,7 @@ export function NoteZap({ zaps }: { zaps: number }) {
height={16}
className="text-zinc-400 group-hover:text-blue-400"
/>
<span className="text-base leading-none text-zinc-400 group-hover:text-white">
<span className="text-base leading-none text-zinc-400 group-hover:text-zinc-100">
{compactNumber.format(zaps)}
</span>
</button>

View File

@@ -40,7 +40,7 @@ export function NoteReplyForm({ id }: { id: string }) {
name="content"
onChange={(e) => setValue(e.target.value)}
placeholder="Reply to this thread..."
className="relative h-20 w-full resize-none rounded-md px-5 py-5 text-base bg-transparent !outline-none placeholder:text-zinc-400 dark:text-white dark:placeholder:text-zinc-500"
className="relative h-20 w-full resize-none rounded-md px-5 py-5 text-base bg-transparent !outline-none placeholder:text-zinc-400 dark:text-zinc-100 dark:placeholder:text-zinc-500"
spellCheck={false}
/>
</div>