fix badge count size (#678)

onlydustxyz · Nov 20, 2024 · cb4a2e5 · cb4a2e5
1 parent 43d8868
commit cb4a2e5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/shared/features/filters/_components/filter-button/filter-button.tsx b/shared/features/filters/_components/filter-button/filter-button.tsx
@@ -22,7 +22,13 @@ export function FilterButton({ onClick }: FilterButtonProps) {
       }}
       endContent={
         filterCount ? (
-          <Badge size={"xxs"} color={filterCount ? "brand" : "grey"} variant={filterCount ? "solid" : "flat"}>
+          <Badge
+            size={"xxs"}
+            color={filterCount ? "brand" : "grey"}
+            variant={filterCount ? "solid" : "flat"}
+            shape={"rounded"}
+            classNames={{ base: "min-w-5 min-h-5" }}
+          >
             {filterCount}
           </Badge>
         ) : null

diff --git a/shared/features/filters/accordion-filter/accordion-filter.tsx b/shared/features/filters/accordion-filter/accordion-filter.tsx
@@ -28,6 +28,8 @@ export function AccordionFilter({ selected, children, title, name, classNames }:
       return {
         children: selected.toString(),
         color: selected ? "brand" : undefined,
+        shape: "rounded",
+        classNames: { base: "min-w-6 min-h-6" },
       };
     }