From: Xuan-Son Nguyen <redacted>
Date: Thu, 8 May 2025 16:51:45 +0000 (+0200)
Subject: server : (webui) fix a very small misalignment (#13387)
X-Git-Tag: upstream/0.0.5318~2
X-Git-Url: https://git.djapps.eu/?a=commitdiff_plain;h=ee01d71e585f4a17ae83ec55d77acfdcf0bfa798;p=pkg%2Fggml%2Fsources%2Fllama.cpp

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

* server : (webui) fix a very small misalignment

* restore font-bold
---

diff --git a/tools/server/public/index.html.gz b/tools/server/public/index.html.gz
index 3153b615..260fdcfe 100644
Binary files a/tools/server/public/index.html.gz and b/tools/server/public/index.html.gz differ
diff --git a/tools/server/webui/src/components/Sidebar.tsx b/tools/server/webui/src/components/Sidebar.tsx
index 1a6c8a32..8e79e00b 100644
--- a/tools/server/webui/src/components/Sidebar.tsx
+++ b/tools/server/webui/src/components/Sidebar.tsx
@@ -7,6 +7,7 @@ import {
   ArrowDownTrayIcon,
   EllipsisVerticalIcon,
   PencilIcon,
+  PencilSquareIcon,
   TrashIcon,
   XMarkIcon,
 } from '@heroicons/react/24/outline';
@@ -76,15 +77,19 @@ export default function Sidebar() {
             })}
             onClick={() => navigate('/')}
           >
-            + New conversation
+            <PencilSquareIcon className="w-5 h-5" />
+            New conversation
           </div>
 
           {/* list of conversations */}
-          {groupedConv.map((group) => (
-            <div>
+          {groupedConv.map((group, i) => (
+            <div key={i}>
               {/* group name (by date) */}
               {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" />
               )}