flex-wrap to help with long entries

kodster28 · kodster28 · commit ddf3ea10c606 · 2025-03-19T06:54:19.000-05:00
diff --git a/src/components/changelog/ProductPills.astro b/src/components/changelog/ProductPills.astro
@@ -16,7 +16,7 @@ const { products } = await props.parseAsync(Astro.props);
 const data = await getEntries(products);
 ---
 
-<div class="flex flex-row gap-2">
+<div class="flex flex-row flex-wrap gap-2">
 	{
 		data.map((product) => (
 			<a href={product.data.product.url} class="no-underline">

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ const { products } = await props.parseAsync(Astro.props);`
`16`	`16`	`const data = await getEntries(products);`
`17`	`17`	`---`
`18`	`18`
`19`		`-<div class="flex flex-row gap-2">`
	`19`	`+<div class="flex flex-row flex-wrap gap-2">`
`20`	`20`	`{`
`21`	`21`	`data.map((product) => (`
`22`	`22`	`<a href={product.data.product.url} class="no-underline">`