Skip to content

Commit f473fb1

Browse files
PoulphunterPoulphunter
authored andcommitted
Style: Adjust button positioning and spacing in ConversationList for better alignment
Updated button classes to add relative positioning and margin/padding adjustments to the parent button, and absolute positioning with top/right alignment to the delete button. This ensures proper layout and spacing within the conversation list interface.
1 parent c1d6e95 commit f473fb1

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/components/ConversationList.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -271,7 +271,7 @@ export default function ConversationList() {
271271
<button
272272
key={conv.id}
273273
className={classNames({
274-
'btn btn-ghost justify-start font-normal': true,
274+
'relative btn btn-ghost justify-start font-normal m-0 pr-0': true,
275275
'btn-active': conv.id === currConv?.id,
276276
})}
277277
onClick={() => {
@@ -287,7 +287,7 @@ export default function ConversationList() {
287287
>
288288
<span className="truncate">{conv.name}</span>
289289
<button
290-
className={'tooltip tooltip-bottom z-100 ml-auto'}
290+
className={'absolute tooltip tooltip-bottom z-100 top-0 right-0'}
291291
data-tip={t('ConversationList.deleteBtn')}
292292
aria-label={t('ConversationList.deleteBtn')}
293293
onClick={() => {

0 commit comments

Comments
 (0)