grid layout helpers

joetannenbaum · joetannenbaum · commit 03c934f15861 · 2024-07-15T07:35:08.000-04:00
diff --git a/playgrounds/vue3/resources/js/Components/TestGrid.vue b/playgrounds/vue3/resources/js/Components/TestGrid.vue
@@ -0,0 +1,3 @@
+<template>
+  <div class="mt-6 grid grid-cols-3 gap-4"><slot /></div>
+</template>
diff --git a/playgrounds/vue3/resources/js/Components/TestGridItem.vue b/playgrounds/vue3/resources/js/Components/TestGridItem.vue
@@ -0,0 +1,9 @@
+<template>
+  <div class="rounded border border-gray-300 p-4 text-sm text-gray-500">
+    <div class="mb-2 font-bold" v-if="$slots.title">
+      <slot name="title" />
+    </div>
+
+    <slot />
+  </div>
+</template>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<template>`
	`2`	`+ <div class="mt-6 grid grid-cols-3 gap-4"><slot /></div>`
	`3`	`+</template>`