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

wip: update

Browse Source
This commit is contained in:
reya
2024-02-15 12:47:15 +07:00
parent 6171b9bed1
commit cdf29f8a54
14 changed files with 369 additions and 347 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
packages/ui/src/note/primitives/text.tsx
View File

@@ -3,32 +3,35 @@ import { cn } from "@lume/utils";
import { Note } from "..";
export function TextNote({
event,
className,
}: { event: Event; className?: string }) {
return (
<Note.Provider event={event}>
<Note.Root
className={cn(
"flex flex-col rounded-xl bg-neutral-50 dark:bg-neutral-950",
className,
)}
>
<div className="flex items-center justify-between px-3 h-14">
<Note.User className="flex-1 pr-2" />
<Note.Menu />
</div>
<Note.Thread className="mb-2" />
<Note.Content className="min-w-0 px-3" />
<div className="flex items-center justify-between px-3 h-14">
<Note.Pin />
<div className="inline-flex items-center gap-4">
<Note.Reply />
<Note.Repost />
<Note.Zap />
</div>
</div>
</Note.Root>
</Note.Provider>
);
event,
className,
}: {
event: Event;
className?: string;
}) {
return (
<Note.Provider event={event}>
<Note.Root className={cn("flex flex-col", className)}>
<div className="flex h-14 items-center justify-between px-3">
<Note.User className="flex-1 pr-2" />
<Note.Menu />
</div>
<div className="flex gap-3">
<div className="size-10 shrink-0" />
<div className="flex-1">
<Note.Thread className="mb-2" />
<Note.Content className="min-w-0 px-3" />
<div className="flex h-14 items-center justify-between px-3">
<Note.Pin />
<div className="inline-flex items-center gap-4">
<Note.Reply />
<Note.Repost />
<Note.Zap />
</div>
</div>
</div>
</div>
</Note.Root>
</Note.Provider>
);
}