wip: ui

src/shared/widgets/local/thread.tsx

@@ -52,8 +52,8 @@ export function LocalThreadWidget({ params }: { params: Widget }) {
             </div>
           </div>
         ) : (
-          <div className="h-min w-full px-3 pt-1.5">
-            <div className="rounded-xl bg-zinc-100 px-3 pt-3 dark:bg-zinc-900">
+          <div className="h-min w-full px-3">
+            <div className="rounded-xl bg-zinc-100 px-3 py-3 dark:bg-zinc-900">
               <User pubkey={data.pubkey} time={data.created_at} variant="thread" />
               <div className="mt-2">{renderKind(data)}</div>
               <NoteActions
@@ -61,11 +61,11 @@ export function LocalThreadWidget({ params }: { params: Widget }) {
                 pubkey={data.pubkey}
                 extraButtons={false}
               />
-              <NoteStats id={params.content} />
             </div>
           </div>
         )}
         <div className="px-3">
+          <NoteStats id={params.content} />
           <NoteReplyForm id={params.content} pubkey={db.account.pubkey} />
           <RepliesList id={params.content} />
         </div>

src/shared/widgets/local/user.tsx

@@ -81,7 +81,7 @@ export function LocalUserWidget({ params }: { params: Widget }) {
   return (
     <WidgetWrapper>
       <TitleBar id={params.id} title={params.title} />
-      <div className="scrollbar-hide h-full overflow-y-auto pb-20">
+      <div className="scrollbar-hide h-full overflow-y-auto">
         <div className="px-3 pt-1.5">
           <UserProfile pubkey={params.content} />
         </div>
@@ -107,10 +107,7 @@ export function LocalUserWidget({ params }: { params: Widget }) {
                 </div>
               </div>
             ) : (
-              <WVList>
-                {data.map((item) => renderItem(item))}
-                <div className="h-16" />
-              </WVList>
+              <WVList>{data.map((item) => renderItem(item))}</WVList>
             )}
           </div>
         </div>

src/shared/widgets/wrapper.tsx

@@ -20,7 +20,10 @@ export function WidgetWrapper({
       }}
       minWidth={420}
       minHeight={'100vh'}
-      className={twMerge('relative shrink-0 grow-0', className)}
+      className={twMerge(
+        'h-full border-r border-zinc-100 pb-10 dark:border-zinc-900',
+        className
+      )}
       enable={{ right: true }}
     >
       {children}