From 511b5a7bf49b863088ae6ca9e20d64155594930b Mon Sep 17 00:00:00 2001
From: RockChinQ <rockchinq@gmail.com>
Date: Fri, 19 Jun 2026 06:20:17 -0400
Subject: [PATCH] style(web): shrink market tag filter row (height + font)

Make the quick-filter tag pills more compact: h-8 -> h-7, default text
-> text-xs with px-2.5, gap-2 -> gap-1.5, and the selected-X icon
h-3.5 -> h-3. Keeps the single-row horizontal-scroll layout.
---
 .../components/plugin-market/PluginMarketComponent.tsx    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/app/home/plugins/components/plugin-market/PluginMarketComponent.tsx b/web/src/app/home/plugins/components/plugin-market/PluginMarketComponent.tsx
index b5fd6de0e..928d13884 100644
--- a/web/src/app/home/plugins/components/plugin-market/PluginMarketComponent.tsx
+++ b/web/src/app/home/plugins/components/plugin-market/PluginMarketComponent.tsx
@@ -789,12 +789,12 @@ function MarketPageContent({
 
         {/* 用真实标签做快速筛选 —— 始终单行横向滚动，避免标签变多时换行错位 */}
         <div className="relative mx-auto w-full max-w-4xl">
-          <div className="scrollbar-hide flex items-center gap-2 overflow-x-auto pb-1 pr-6">
+          <div className="scrollbar-hide flex items-center gap-1.5 overflow-x-auto pb-1 pr-6">
             <Button
               type="button"
               variant={selectedTags.length === 0 ? 'secondary' : 'ghost'}
               size="sm"
-              className="h-8 shrink-0"
+              className="h-7 shrink-0 px-2.5 text-xs"
               onClick={() => handleTagsChange([])}
             >
               {t('market.allExtensions')}
@@ -807,7 +807,7 @@ function MarketPageContent({
                   type="button"
                   variant={selected ? 'secondary' : 'ghost'}
                   size="sm"
-                  className="h-8 shrink-0"
+                  className="h-7 shrink-0 px-2.5 text-xs"
                   onClick={() => {
                     const newTags = selected
                       ? selectedTags.filter((t) => t !== tag.tag)
@@ -816,7 +816,7 @@ function MarketPageContent({
                   }}
                 >
                   {tagNames[tag.tag] || tag.tag}
-                  {selected && <X className="h-3.5 w-3.5" />}
+                  {selected && <X className="h-3 w-3" />}
                 </Button>
               );
             })}