Fix line break of Property component on mobile

fabian-hiller · Jan 2, 2025 · da73215 · da73215
1 parent a66d48e
commit da73215
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/website/src/components/Property.tsx b/website/src/components/Property.tsx
@@ -364,10 +364,12 @@ const Definition = component$<DefinitionProps>(({ parent, data }) => (
           <>
             {'<'}
             {data.generics.map((generic, index) => (
-              <Fragment key={index}>
-                {index > 0 && ', '}
+              <span key={index} class="inline-block">
                 <Definition parent={data.type} data={generic} />
-              </Fragment>
+                {index < data.generics!.length - 1 && (
+                  <span class="whitespace-pre">, </span>
+                )}
+              </span>
             ))}
             {'>'}
           </>