fix: herder width (#444)

RainyNight9 · web-flow · commit f876fc24f21a · 2025-04-25T19:03:30.000+08:00
diff --git a/src/components/Assistant/ChatHeader.tsx b/src/components/Assistant/ChatHeader.tsx
@@ -107,14 +107,11 @@ export function ChatHeader({
         ) : null}
       </div>
 
-      <div>
-        <h2 className="text-sm font-medium text-gray-900 dark:text-gray-100 truncate">
-          {activeChat?._source?.title ||
-            activeChat?._source?.message ||
-            activeChat?._id}
-        </h2>
-      </div>
-
+      <h2 className="max-w-[calc(100%-200px)] text-sm font-medium text-gray-900 dark:text-gray-100 truncate">
+        {activeChat?._source?.title ||
+          activeChat?._source?.message ||
+          activeChat?._id}
+      </h2>
       {isTauri ? (
         <div className="flex items-center gap-2">
           <button
diff --git a/src/components/Common/Icons/FontIcon.tsx b/src/components/Common/Icons/FontIcon.tsx
@@ -1,4 +1,7 @@
 import { useIconfontScript } from "@/hooks/useScript";
+import { useAppStore } from "@/stores/appStore";
+import logoImg from "@/assets/icon.svg";
+
 interface FontIconProps {
   name: string;
   className?: string;
@@ -7,11 +10,18 @@ interface FontIconProps {
 
 const FontIcon = ({ name, className, style, ...rest }: FontIconProps) => {
   useIconfontScript();
-  return (
-    <svg className={`icon ${className || ""}`} style={style} {...rest}>
-      <use xlinkHref={`#${name}`} />
-    </svg>
-  );
+
+  const isTauri = useAppStore((state) => state.isTauri);
+
+  if (isTauri) {
+    return (
+      <svg className={`icon ${className || ""}`} style={style} {...rest}>
+        <use xlinkHref={`#${name}`} />
+      </svg>
+    );
+  } else {
+    return <img src={logoImg} className={className} alt={"coco"} />;
+  }
 };
 
 export default FontIcon;
diff --git a/src/components/Search/SearchListItem.tsx b/src/components/Search/SearchListItem.tsx
@@ -40,7 +40,7 @@ const SearchListItem: React.FC<SearchListItemProps> = React.memo(
         onMouseEnter={onMouseEnter}
         onClick={onItemClick}
         className={clsx(
-          "w-full px-2 py-2.5 text-sm flex mb-0 flex-row items-center mobile:mb-2 mobile:flex-col mobile:items-start justify-between rounded-lg transition-colors cursor-pointer text-[#333] dark:text-[#d8d8d8] mobile:bg-gray-200/80 mobile:dark:bg-gray-700/50",
+          "w-full px-2 py-2.5 text-sm flex mb-0 flex-row items-center mobile:mb-2 mobile:flex-col mobile:items-start justify-between rounded-lg transition-colors cursor-pointer text-[#333] dark:text-[#d8d8d8]",
           {
             "bg-black/10 dark:bg-white/15": isSelected,
             "gap-7 mobile:gap-1": showListRight,
diff --git a/tsup.config.ts b/tsup.config.ts
@@ -67,7 +67,7 @@ export default defineConfig({
 
     const packageJson = {
       name: "@infinilabs/search-chat",
-      version: "1.1.9",
+      version: "1.1.10",
       main: "index.js",
       module: "index.js",
       type: "module",

Original file line number	Diff line number	Diff line change
`@@ -40,7 +40,7 @@ const SearchListItem: React.FC<SearchListItemProps> = React.memo(`
`40`	`40`	`onMouseEnter={onMouseEnter}`
`41`	`41`	`onClick={onItemClick}`
`42`	`42`	`className={clsx(`
`43`		`- "w-full px-2 py-2.5 text-sm flex mb-0 flex-row items-center mobile:mb-2 mobile:flex-col mobile:items-start justify-between rounded-lg transition-colors cursor-pointer text-[#333] dark:text-[#d8d8d8] mobile:bg-gray-200/80 mobile:dark:bg-gray-700/50",`
	`43`	`+ "w-full px-2 py-2.5 text-sm flex mb-0 flex-row items-center mobile:mb-2 mobile:flex-col mobile:items-start justify-between rounded-lg transition-colors cursor-pointer text-[#333] dark:text-[#d8d8d8]",`
`44`	`44`	`{`
`45`	`45`	`"bg-black/10 dark:bg-white/15": isSelected,`
`46`	`46`	`"gap-7 mobile:gap-1": showListRight,`