feat: add x-padding to cells in conversation list and inset outline for selected conversation

This commit is contained in:
Dustin Healy 2025-11-25 13:55:13 -08:00
parent f5132a65e9
commit d4ec685e44
2 changed files with 4 additions and 2 deletions

View file

@ -150,7 +150,7 @@ const Conversations: FC<ConversationsProps> = ({
return ( return (
<CellMeasurer cache={cache} columnIndex={0} key={key} parent={parent} rowIndex={index}> <CellMeasurer cache={cache} columnIndex={0} key={key} parent={parent} rowIndex={index}>
{({ registerChild }) => ( {({ registerChild }) => (
<div ref={registerChild} style={style}> <div ref={registerChild} style={style} className="px-1">
{rendering} {rendering}
</div> </div>
)} )}

View file

@ -133,7 +133,9 @@ export default function Conversation({ conversation, retainView, toggleNav }: Co
<div <div
className={cn( className={cn(
'group relative flex h-12 w-full items-center rounded-lg transition-colors duration-200 md:h-9', 'group relative flex h-12 w-full items-center rounded-lg transition-colors duration-200 md:h-9',
isActiveConvo ? 'bg-surface-active-alt' : 'hover:bg-surface-active-alt', isActiveConvo
? 'bg-surface-active-alt outline outline-2 outline-offset-[-2px]'
: 'hover:bg-surface-active-alt',
)} )}
role="button" role="button"
tabIndex={renaming ? -1 : 0} tabIndex={renaming ? -1 : 0}