Style paragraphical content inside tabs

jackmcdade · jackmcdade · commit ce3161c00cd1 · 2024-10-29T14:10:18.000-04:00
diff --git a/resources/css/components.css b/resources/css/components.css
@@ -224,4 +224,10 @@ dl {
     pre {
         @apply mt-0 rounded-tl-none;
     }
+    .tab-content > p {
+        @apply py-3 px-4 border rounded-tr mb-0 text-base bg-mint;
+    }
+    .tab-content > p + pre {
+        @apply rounded-tr-none;
+    }
 }
diff --git a/resources/views/tabs.antlers.html b/resources/views/tabs.antlers.html
@@ -6,7 +6,7 @@
         {{ /foreach:tabs }}
         </div>
         {{ foreach:samples }}
-            <div x-show="tab === '{{ key }}'">{{ value }}</div>
+            <div class="tab-content" x-show="tab === '{{ key }}'">{{ value }}</div>
         {{ /foreach:samples }}
    </div>
  </div>

Original file line number	Diff line number	Diff line change
`@@ -224,4 +224,10 @@ dl {`
`224`	`224`	`pre {`
`225`	`225`	`@apply mt-0 rounded-tl-none;`
`226`	`226`	`}`
	`227`	`+ .tab-content > p {`
	`228`	`+ @apply py-3 px-4 border rounded-tr mb-0 text-base bg-mint;`
	`229`	`+ }`
	`230`	`+ .tab-content > p + pre {`
	`231`	`+ @apply rounded-tr-none;`
	`232`	`+ }`
`227`	`233`	`}`