fix: ui papercuts #292

Merged
talksik merged 4 commits from fix-bugs into main 2026-06-21 00:22:46 +00:00
3 changed files with 6 additions and 5 deletions
+1
View File
@@ -5,3 +5,4 @@ build/
compile_commands.json compile_commands.json
CMakeLists.txt.user CMakeLists.txt.user
tags tags
project.el
+1 -1
View File
@@ -29,7 +29,7 @@ export function HumanAvatar({
const url = useAvatarUrl(avatarObjectId); const url = useAvatarUrl(avatarObjectId);
return ( return (
<Avatar {...props}> <Avatar {...props}>
{url && <AvatarImage src={url} alt={initials} />} <AvatarImage src={url} alt={initials} />
<AvatarFallback className={fallbackClassName}>{initials}</AvatarFallback> <AvatarFallback className={fallbackClassName}>{initials}</AvatarFallback>
</Avatar> </Avatar>
); );
@@ -39,7 +39,7 @@ export function StreamListSidebar({
}, [currentIndex]); }, [currentIndex]);
return ( return (
<aside className="dark flex max-w-60 shrink-0 flex-col border-l border-white/10 bg-zinc-950"> <aside className="dark flex w-60 shrink-0 flex-col overflow-hidden border-l border-white/10 bg-zinc-950">
<div className="flex shrink-0 items-center gap-2 border-b border-white/10 px-4 py-3"> <div className="flex shrink-0 items-center gap-2 border-b border-white/10 px-4 py-3">
<List className="size-3.5 text-white/40" /> <List className="size-3.5 text-white/40" />
<span className="truncate text-sm font-medium text-white/90 mr-auto"> <span className="truncate text-sm font-medium text-white/90 mr-auto">
@@ -105,7 +105,7 @@ function ChatRow({
if (e.key === 'Enter') onClick(); if (e.key === 'Enter') onClick();
}} }}
className={cn( className={cn(
'flex w-full cursor-pointer items-start gap-2.5 rounded-md px-2 py-2 text-left transition-colors', 'flex cursor-pointer items-start gap-2.5 rounded-md px-2 py-2 text-left transition-colors',
isSelected ? 'bg-white/10' : 'hover:bg-white/5', isSelected ? 'bg-white/10' : 'hover:bg-white/5',
)} )}
> >
@@ -116,7 +116,7 @@ function ChatRow({
avatarObjectId={sender.avatarObjectId} avatarObjectId={sender.avatarObjectId}
fallbackClassName="bg-white/10 text-white/80 text-[10px] font-medium" fallbackClassName="bg-white/10 text-white/80 text-[10px] font-medium"
/> />
<div className="min-w-0 flex-1"> <div className="min-w-0 flex-1 overflow-hidden">
<div className="flex items-baseline justify-between gap-2"> <div className="flex items-baseline justify-between gap-2">
<span className="truncate text-xs font-semibold text-white/90"> <span className="truncate text-xs font-semibold text-white/90">
{sender.displayName} {sender.displayName}
@@ -141,7 +141,7 @@ function ChatRowContent({ particle }: { particle: Particle }) {
switch (particle.type) { switch (particle.type) {
case 'text': case 'text':
return ( return (
<p className="line-clamp-2 text-xs leading-relaxed whitespace-pre-line text-white/70"> <p className="line-clamp-2 text-xs leading-relaxed [overflow-wrap:anywhere] whitespace-pre-line text-white/70">
{particle.properties.content} {particle.properties.content}
</p> </p>
); );