docs: update ecosystem style (#7460)

Shane-Donlon · web-flow · commit 0b2971f7e26d · 2025-03-27T03:39:47.000+01:00
diff --git a/packages/docs/src/routes/(ecosystem)/ecosystem.css b/packages/docs/src/routes/(ecosystem)/ecosystem.css
@@ -252,3 +252,8 @@
 [data-theme='dark'] [alt='Twitter'] {
   filter: invert(1);
 }
+
+.custom-grid-cols-240px-1fr-tailwind-workaround {
+  /* temporary workaround .grid-cols-\[240px\,1fr\] is not currently working in tailwind */
+  grid-template-columns: 240px 1fr;
+}
diff --git a/packages/docs/src/routes/(ecosystem)/ecosystem/index.tsx b/packages/docs/src/routes/(ecosystem)/ecosystem/index.tsx
@@ -23,7 +23,7 @@ export default component$(() => {
 
   return (
     <>
-      <div class="ecosystem lg:grid grid-cols-[240px,1fr] m-auto max-w-screen-xl gap-8">
+      <div class="ecosystem lg:grid grid-cols-[240px,1fr] m-auto max-w-screen-xl gap-8 custom-grid-cols-240px-1fr-tailwind-workaround">
         <EcosystemMenu />
         <MobileEcosystemMenu />
 

Original file line number	Diff line number	Diff line change
`@@ -252,3 +252,8 @@`
`252`	`252`	`[data-theme='dark'] [alt='Twitter'] {`
`253`	`253`	`filter: invert(1);`
`254`	`254`	`}`
	`255`	`+`
	`256`	`+.custom-grid-cols-240px-1fr-tailwind-workaround {`
	`257`	`+ /* temporary workaround .grid-cols-\[240px\,1fr\] is not currently working in tailwind */`
	`258`	`+ grid-template-columns: 240px 1fr;`
	`259`	`+}`