fix(theme): fix border

Signed-off-by: loongtao.zhang <loongtao.zhang@outlook.com>
cathaysia · Jan 18, 2025 · d4bdfa8 · d4bdfa8
1 parent 107ec99
commit d4bdfa8
Showing 1 changed file with 14 additions and 13 deletions.
diff --git a/theme/src/search-bar.tsx b/theme/src/search-bar.tsx
@@ -72,21 +72,22 @@ export default function SearchBar() {
           onChange={e => setSearch(e.target.value)}
         />
         <ScrollArea className="h-[320px]">
-          <div className="flex w-full flex-col gap-2">
+          <div className="flex max-w-[270px] flex-col gap-2 md:max-w-[460px]">
             {result?.map(item => {
               return (
-                <a
-                  key={item.item.file}
-                  className="flex w-full flex-col items-start rounded border p-2 shadow"
-                  href={`/${item.item.file}`}
-                >
-                  <Label className="w-full min-w-0 overflow-x-hidden text-ellipsis whitespace-nowrap text-lg">
-                    {item.item.content[1] || item.item.file}
-                  </Label>
-                  <Label className="line-clamp-2 w-full min-w-0 overflow-x-hidden text-ellipsis text-gray-600 text-sm">
-                    {item.item.content[0]}
-                  </Label>
-                </a>
+                <div key={item.item.file} className="w-full">
+                  <a
+                    className="flex w-full flex-col items-start rounded border p-2 shadow"
+                    href={`/${item.item.file}`}
+                  >
+                    <Label className="w-full min-w-0 overflow-x-hidden text-ellipsis whitespace-nowrap text-lg">
+                      {item.item.content[1] || item.item.file}
+                    </Label>
+                    <Label className="line-clamp-2 w-full min-w-0 text-gray-600 text-sm">
+                      {item.item.content[0]}
+                    </Label>
+                  </a>
+                </div>
               );
             })}
           </div>