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

wip: new ui

Browse Source
This commit is contained in:
Ren Amamiya
2023-08-01 15:34:09 +07:00
parent e97d0281e2
commit 1ddcbf1654
21 changed files with 99 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/shared/notes/metadata.tsx
+7 -8
View File
@@ -79,8 +79,8 @@ export function NoteMetadata({ id }: { id: string }) {
<div>
{data.replies > 0 ? (
<>
<div className="absolute bottom-0 left-[18px] h-[calc(100%-3.4rem)] w-0.5 bg-gradient-to-t from-zinc-800 to-zinc-600" />
<div className="relative z-10 flex items-center gap-3 bg-zinc-900 pb-3">
<div className="absolute left-[18px] top-14 h-[calc(100%-6.4rem)] w-0.5 bg-gradient-to-t from-white/20 to-white/10" />
<div className="relative z-10 flex items-center gap-3 pb-3">
<div className="mt-2 inline-flex h-6 w-11 shrink-0 items-center justify-center">
<div className="isolate flex -space-x-1 overflow-hidden">
{data.users?.map((user, index) => (
@@ -94,14 +94,13 @@ export function NoteMetadata({ id }: { id: string }) {
onClick={() =>
add.mutate({ kind: BLOCK_KINDS.thread, title: 'Thread', content: id })
}
className="text-zinc-500"
className="text-white/50"
>
<span className="font-semibold text-zinc-300">{data.replies}</span>{' '}
replies
<span className="font-semibold text-white">{data.replies}</span> replies
</button>
<span className="text-zinc-500">·</span>
<p className="text-zinc-500">
<span className="font-semibold text-zinc-300">
<span className="text-white/50">·</span>
<p className="text-white/50">
<span className="font-semibold text-white">
{compactNumber.format(data.zap)}
</span>{' '}
zaps