github/AutoGPT
1
1
Fork 0
mirror of https://github.com/Significant-Gravitas/AutoGPT.git synced 2026-04-08 03:00:28 -04:00
Code Issues Packages Projects Releases Wiki Activity

made filter chips responsive

Browse Source
This commit is contained in:
SwiftyOS
2024-10-15 09:56:01 +02:00
parent 7dedcaddb6
commit aeb43b7d37
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
autogpt_platform/frontend/src/components/agptui/FilterChips.tsx
View File

@@ -34,15 +34,15 @@ export const FilterChips: React.FC<FilterChipsProps> = ({
};
return (
<div className="inline-flex h-14 items-center justify-start gap-5">
<div className="flex flex-wrap h-auto min-h-8 gap-3 lg:min-h-14 lg:gap-5 items-center justify-center lg:justify-start">
{badges.map((badge) => (
<Badge
key={badge}
variant={selectedFilters.includes(badge) ? "secondary" : "outline"}
className="h-1] flex cursor-pointer items-center justify-center gap-2.5 rounded-full border border-black/50 px-6 py-2"
className="gap-2 px-3 py-1 lg:gap-2.5 lg:px-6 lg:py-2 flex cursor-pointer items-center justify-center rounded-full border border-black/50 mb-2 lg:mb-3"
onClick={() => handleBadgeClick(badge)}
>
<div className="font-neue text-xl font-medium leading-9 tracking-tight text-[#474747]">
<div className="font-neue text-sm font-light lg:text-xl lg:font-medium lg:leading-9 tracking-tight text-[#474747]">
{badge}
</div>
</Badge>