remove text highlight in suggested card, add padding

Author: zxt-tzx

packages/web/src/components/search/SuggestedSearchCard.tsx

@@ -2,7 +2,6 @@ import { ArrowUpRightIcon } from "lucide-react";
 import { useMemo } from "react";
 
 import { getRandomItems } from "@/core/util/random";
-import { useOperatorHighlighting } from "@/hooks/useOperatorHighlighting";
 import { usePublicSearch } from "@/hooks/usePublicSearch";
 import { Button } from "@/components/ui/button";
 
@@ -29,29 +28,15 @@ interface SuggestedSearchCardProps {
 
 export function SuggestedSearchCard({ search }: SuggestedSearchCardProps) {
   const { handleSearch } = usePublicSearch({ mode: "suggested" });
-  const highlightedParts = useOperatorHighlighting(search);
 
   return (
     <Button
       variant="outline"
-      className="group w-full justify-between px-4 py-6 text-left hover:bg-muted/50"
+      className="group w-full justify-between px-4 py-8 text-left hover:bg-muted/50"
       onClick={(e) => handleSearch(e, search)}
     >
       <span className="whitespace-pre-wrap break-words leading-relaxed">
-        {highlightedParts.map((part, i) => (
-          <span
-            key={i}
-            className={
-              part.type === "operator"
-                ? "text-blue-600 dark:text-blue-400"
-                : part.type === "value"
-                  ? "text-orange-500"
-                  : undefined
-            }
-          >
-            {part.text}
-          </span>
-        ))}
+        {search}
       </span>
       <ArrowUpRightIcon className="ml-2 size-4 shrink-0 opacity-50 transition-opacity group-hover:opacity-100" />
     </Button>