server : (webui) fix a very small misalignment (#13387)

* server : (webui) fix a very small misalignment

* restore font-bold
This commit is contained in:
Xuan-Son Nguyen 2025-05-08 18:51:45 +02:00 committed by GitHub
parent 8c83449cb7
commit ee01d71e58
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 9 additions and 4 deletions

Binary file not shown.

View file

@ -7,6 +7,7 @@ import {
ArrowDownTrayIcon, ArrowDownTrayIcon,
EllipsisVerticalIcon, EllipsisVerticalIcon,
PencilIcon, PencilIcon,
PencilSquareIcon,
TrashIcon, TrashIcon,
XMarkIcon, XMarkIcon,
} from '@heroicons/react/24/outline'; } from '@heroicons/react/24/outline';
@ -76,15 +77,19 @@ export default function Sidebar() {
})} })}
onClick={() => navigate('/')} onClick={() => navigate('/')}
> >
+ New conversation <PencilSquareIcon className="w-5 h-5" />
New conversation
</div> </div>
{/* list of conversations */} {/* list of conversations */}
{groupedConv.map((group) => ( {groupedConv.map((group, i) => (
<div> <div key={i}>
{/* group name (by date) */} {/* group name (by date) */}
{group.title ? ( {group.title ? (
<b className="block text-xs px-2 mb-2 mt-6">{group.title}</b> // we use btn class here to make sure that the padding/margin are aligned with the other items
<b className="btn btn-ghost btn-xs bg-none btn-disabled block text-xs text-base-content text-start px-2 mb-0 mt-6 font-bold">
{group.title}
</b>
) : ( ) : (
<div className="h-2" /> <div className="h-2" />
)} )}