update channel

src/shared/navigation.tsx

@@ -29,8 +29,8 @@ export function Navigation() {
 					<div className="flex flex-col gap-1">
 						<ActiveLink
 							href="/app/space"
-							className="flex h-8 items-center gap-2.5 rounded-md px-2.5 text-zinc-200 hover:text-white"
-							activeClassName="bg-zinc-900/50 hover:bg-zinc-900"
+							className="flex h-9 items-center gap-2.5 rounded-md px-2.5 text-zinc-200"
+							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" />
@@ -39,8 +39,8 @@ export function Navigation() {
 						</ActiveLink>
 						<ActiveLink
 							href="/app/trending"
-							className="flex h-8 items-center gap-2.5 rounded-md px-2.5 text-zinc-200 hover:text-white"
-							activeClassName="bg-zinc-900/50 hover:bg-zinc-900"
+							className="flex h-9 items-center gap-2.5 rounded-md px-2.5 text-zinc-200"
+							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" />

src/shared/notes/base.tsx

@@ -11,7 +11,7 @@ import { useMemo } from "react";
 export function NoteBase({
 	event,
 	block,
-	metadata,
+	metadata = true,
 }: { event: LumeEvent; block?: number; metadata?: boolean }) {
 	const content = useMemo(() => parser(event), [event]);
 	const checkParentID = isTagsIncludeID(event.parent_id, event.tags);

src/shared/notes/metadata/reply.tsx

@@ -22,7 +22,7 @@ export function NoteReply({
 		<button
 			type="button"
 			onClick={(e) => openThread(e, id)}
-			className="w-14 group inline-flex items-center gap-1.5"
+			className="w-20 group inline-flex items-center gap-1.5"
 		>
 			<ReplyIcon
 				width={16}

src/shared/notes/metadata/repost.tsx

@@ -44,7 +44,7 @@ export function NoteRepost({
 		<button
 			type="button"
 			onClick={(e) => submitEvent(e)}
-			className="w-14 group inline-flex items-center gap-1.5"
+			className="w-20 group inline-flex items-center gap-1.5"
 		>
 			<RepostIcon
 				width={16}

src/shared/notes/metadata/zap.tsx

@@ -5,7 +5,7 @@ export function NoteZap({ zaps }: { zaps: number }) {
 	return (
 		<button
 			type="button"
-			className="w-14 group inline-flex items-center gap-1.5"
+			className="w-20 group inline-flex items-center gap-1.5"
 		>
 			<ZapIcon
 				width={16}

src/shared/notes/replies/item.tsx

@@ -10,7 +10,7 @@ export function Reply({ data }: { data: any }) {
 		<div className="flex h-min min-h-min w-full select-text flex-col px-3 pt-5 mb-3 rounded-md bg-zinc-900">
 			<div className="flex flex-col">
 				<User pubkey={data.pubkey} time={data.created_at} />
-				<div className="-mt-[20px] pl-[47px]">
+				<div className="-mt-[20px] pl-[50px]">
 					<Kind1 content={content} />
 					<NoteMetadata id={data.id} eventPubkey={data.pubkey} />
 				</div>

src/shared/user.tsx

@@ -56,11 +56,7 @@ export function User({
 				leaveTo="opacity-0 translate-y-1"
 			>
 				<Popover.Panel className="absolute left-0 top-8 z-10 mt-3 w-screen max-w-sm px-4 sm:px-0 lg:max-w-3xl">
-					<div
-						onClick={(e) => e.stopPropagation()}
-						onKeyDown={(e) => e.stopPropagation()}
-						className="w-full max-w-xs overflow-hidden rounded-lg border border-zinc-700 bg-zinc-900 shadow-input ring-1 ring-black ring-opacity-5"
-					>
+					<div className="w-full max-w-xs overflow-hidden rounded-lg border border-zinc-700 bg-zinc-900 shadow-input ring-1 ring-black ring-opacity-5">
 						<div className="flex items-start gap-2.5 border-b border-zinc-800 px-3 py-3">
 							<Image
 								src={user?.image || DEFAULT_AVATAR}
@@ -90,7 +86,7 @@ export function User({
 								href={`/app/user?pubkey=${pubkey}`}
 								className="inline-flex h-10 flex-1 items-center justify-center rounded-md bg-zinc-800 text-base font-medium"
 							>
-								View full profile
+								View profile
 							</a>
 							<a
 								href={`/app/chat?pubkey=${pubkey}`}