reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update ui

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

4
src/shared/avatarUploader.tsx
View File

@@ -54,11 +54,11 @@ export function AvatarUploader({ valueState }: { valueState: any }) {
<button
onClick={() => openFileDialog()}
type="button"
className="inline-flex h-6 items-center justify-center rounded bg-zinc-900 px-3 text-base font-medium text-white ring-1 ring-zinc-800 hover:bg-zinc-700"
className="inline-flex h-6 items-center justify-center rounded bg-zinc-900 px-3 text-base font-medium text-zinc-100 ring-1 ring-zinc-800 hover:bg-zinc-700"
>
{loading ? (
<svg
className="h-4 w-4 animate-spin text-black dark:text-white"
className="h-4 w-4 animate-spin text-black dark:text-zinc-100"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"

2
src/shared/composer/imageUploader.tsx
View File

@@ -104,7 +104,7 @@ export function ImageUploader() {
>
{loading ? (
<svg
className="h-4 w-4 animate-spin text-black dark:text-white"
className="h-4 w-4 animate-spin text-black dark:text-zinc-100"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"

2
src/shared/composer/modal.tsx
View File

@@ -29,7 +29,7 @@ export function ComposerModal() {
<button
type="button"
onClick={() => openModal()}
className="inline-flex h-8 w-max items-center justify-center gap-1 rounded-md bg-fuchsia-500 px-2.5 text-sm font-medium text-white shadow-button hover:bg-fuchsia-600 focus:outline-none"
className="inline-flex h-8 w-max items-center justify-center gap-1 rounded-md bg-fuchsia-500 px-2.5 text-sm font-medium text-zinc-100 shadow-button hover:bg-fuchsia-600 focus:outline-none"
>
<ComposeIcon width={14} height={14} />
Compose

4
src/shared/composer/types/post.tsx
View File

@@ -50,7 +50,7 @@ const ImagePreview = ({
onClick={() => Transforms.removeNodes(editor, { at: path })}
className="absolute right-2 top-2 inline-flex h-7 w-7 items-center justify-center gap-0.5 rounded bg-zinc-800 text-base font-medium text-zinc-400 shadow-mini-button hover:bg-zinc-700"
>
<TrashIcon width={14} height={14} className="text-white" />
<TrashIcon width={14} height={14} className="text-zinc-100" />
</button>
</div>
</figure>
@@ -130,7 +130,7 @@ export function Post({ pubkey, privkey }: { pubkey: string; privkey: string }) {
<button
type="button"
onClick={submit}
className="inline-flex h-7 w-max items-center justify-center gap-1 rounded-md bg-fuchsia-500 px-3.5 text-base font-medium text-white shadow-button hover:bg-fuchsia-600"
className="inline-flex h-7 w-max items-center justify-center gap-1 rounded-md bg-fuchsia-500 px-3.5 text-base font-medium text-zinc-100 shadow-button hover:bg-fuchsia-600"
>
Post
</button>

2
src/shared/composer/user.tsx
View File

@@ -15,7 +15,7 @@ export function User({ pubkey }: { pubkey: string }) {
loading="auto"
/>
</div>
<h5 className="text-base font-semibold leading-none text-white">
<h5 className="text-base font-semibold leading-none text-zinc-100">
{user?.nip05 || user?.name || (
<div className="h-3 w-20 animate-pulse rounded-sm bg-zinc-700" />
)}

2
src/shared/mediaUploader.tsx
View File

@@ -64,7 +64,7 @@ export function MediaUploader({ setState }: { setState: any }) {
>
{loading ? (
<svg
className="h-4 w-4 animate-spin text-black dark:text-white"
className="h-4 w-4 animate-spin text-black dark:text-zinc-100"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"

4
src/shared/multiAccounts.tsx
View File

@@ -31,7 +31,7 @@ export function MultiAccounts() {
<BellIcon
width={16}
height={16}
className="text-zinc-400 group-hover:text-white"
className="text-zinc-400 group-hover:text-zinc-100"
/>
</button>
</div>
@@ -56,7 +56,7 @@ export function MultiAccounts() {
<PlusIcon
width={16}
height={16}
className="text-zinc-400 group-hover:text-white"
className="text-zinc-400 group-hover:text-zinc-100"
/>
</button>
</div>

8
src/shared/navigation.tsx
View File

@@ -33,7 +33,7 @@ export function Navigation() {
activeClassName="bg-zinc-900/50"
>
<span className="inline-flex h-5 w-5 items-center justify-center rounded bg-zinc-900">
<SpaceIcon width={12} height={12} className="text-white" />
<SpaceIcon width={12} height={12} className="text-zinc-100" />
</span>
<span className="font-medium">Spaces</span>
</ActiveLink>
@@ -43,7 +43,11 @@ export function Navigation() {
activeClassName="bg-zinc-900/50"
>
<span className="inline-flex h-5 w-5 items-center justify-center rounded bg-zinc-900">
<TrendingIcon width={12} height={12} className="text-white" />
<TrendingIcon
width={12}
height={12}
className="text-zinc-100"
/>
</span>
<span className="font-medium">Trending</span>
</ActiveLink>

6
src/shared/notes/metadata.tsx
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>
</>

2
src/shared/notes/metadata/reply.tsx
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>

2
src/shared/notes/metadata/repost.tsx
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>

2
src/shared/notes/metadata/zap.tsx
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>

2
src/shared/notes/replies/form.tsx
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>

4
src/shared/user.tsx
View File

@@ -32,7 +32,7 @@ export function User({
/>
</Popover.Button>
<div className="flex flex-wrap items-baseline gap-1">
<h5 className="max-w-[10rem] text-base font-semibold leading-none truncate">
<h5 className="text-zinc-200 max-w-[10rem] font-medium leading-none truncate">
{user?.nip05 || user?.name || shortenKey(pubkey)}
</h5>
{repost && (
@@ -75,7 +75,7 @@ export function User({
</span>
</div>
<div>
<p className="line-clamp-3 text-base leading-tight text-white">
<p className="line-clamp-3 text-base leading-tight text-zinc-100">
{user?.about}
</p>
</div>