Browse Source

fix(dashboard): Fix spacing of customer group badges

Michael Bromley 3 months ago
parent
commit
08f1147343

+ 9 - 5
packages/dashboard/src/app/routes/_authenticated/_customers/customers.tsx

@@ -51,11 +51,15 @@ function CustomerListPage() {
                 },
                 groups: {
                     cell: ({ row }) => {
-                        return row.original.groups?.map(g => (
-                            <Badge variant="secondary" key={g.id}>
-                                {g.name}
-                            </Badge>
-                        ));
+                        return (
+                            <div className="flex flex-wrap gap-1">
+                                {row.original.groups?.map(g => (
+                                    <Badge variant="secondary" key={g.id}>
+                                        {g.name}
+                                    </Badge>
+                                ))}
+                            </div>
+                        );
                     },
                 },
             }}