mirror of
https://github.com/langbot-app/LangBot.git
synced 2026-07-18 02:16:07 +00:00
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.
This commit is contained in:
@@ -789,12 +789,12 @@ function MarketPageContent({
|
|||||||
|
|
||||||
{/* 用真实标签做快速筛选 —— 始终单行横向滚动,避免标签变多时换行错位 */}
|
{/* 用真实标签做快速筛选 —— 始终单行横向滚动,避免标签变多时换行错位 */}
|
||||||
<div className="relative mx-auto w-full max-w-4xl">
|
<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
|
<Button
|
||||||
type="button"
|
type="button"
|
||||||
variant={selectedTags.length === 0 ? 'secondary' : 'ghost'}
|
variant={selectedTags.length === 0 ? 'secondary' : 'ghost'}
|
||||||
size="sm"
|
size="sm"
|
||||||
className="h-8 shrink-0"
|
className="h-7 shrink-0 px-2.5 text-xs"
|
||||||
onClick={() => handleTagsChange([])}
|
onClick={() => handleTagsChange([])}
|
||||||
>
|
>
|
||||||
{t('market.allExtensions')}
|
{t('market.allExtensions')}
|
||||||
@@ -807,7 +807,7 @@ function MarketPageContent({
|
|||||||
type="button"
|
type="button"
|
||||||
variant={selected ? 'secondary' : 'ghost'}
|
variant={selected ? 'secondary' : 'ghost'}
|
||||||
size="sm"
|
size="sm"
|
||||||
className="h-8 shrink-0"
|
className="h-7 shrink-0 px-2.5 text-xs"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
const newTags = selected
|
const newTags = selected
|
||||||
? selectedTags.filter((t) => t !== tag.tag)
|
? selectedTags.filter((t) => t !== tag.tag)
|
||||||
@@ -816,7 +816,7 @@ function MarketPageContent({
|
|||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{tagNames[tag.tag] || tag.tag}
|
{tagNames[tag.tag] || tag.tag}
|
||||||
{selected && <X className="h-3.5 w-3.5" />}
|
{selected && <X className="h-3 w-3" />}
|
||||||
</Button>
|
</Button>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
|
|||||||
Reference in New Issue
Block a user