improvements: import behavior clarification and minor integration layout adjustments

This commit is contained in:
Scott Wilson
2025-01-28 19:09:43 -08:00
parent e99eb47cf4
commit a5945204ad
6 changed files with 14 additions and 16 deletions
@@ -12,11 +12,10 @@ export const FrameworkIntegrationTab = () => {
return (
<>
<div className="mx-4 mb-4 flex flex-col items-start justify-between px-2 text-xl">
<h1 className="text-3xl font-semibold">{t("integrations.framework-integrations")}</h1>
<div className="mb-4 flex flex-col items-start justify-between px-2 text-xl">
<p className="text-base text-gray-400">{t("integrations.click-to-setup")}</p>
</div>
<div className="mx-2 mt-4 grid grid-cols-3 gap-4 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-7">
<div className="mt-4 grid grid-cols-3 gap-4 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-7">
{sortedFrameworks.map((framework) => (
<a
key={`framework-integration-${framework.slug}`}
@@ -5,13 +5,12 @@ export const InfrastructureIntegrationTab = () => {
return (
<>
<div className="mx-4 mb-4 flex flex-col items-start justify-between px-2 text-xl">
<h1 className="text-3xl font-semibold">Infrastructure Integrations</h1>
<div className="mb-4 flex flex-col items-start justify-between px-2 text-xl">
<p className="text-base text-gray-400">
Click on of the integration to read the documentation.
Click on an integration to read the documentation.
</p>
</div>
<div className="mx-6 grid grid-cols-2 gap-4 lg:grid-cols-3 2xl:grid-cols-4">
<div className="grid grid-cols-2 gap-4 lg:grid-cols-3 2xl:grid-cols-4">
{sortedIntegrations.map((integration) => (
<a
key={`framework-integration-${integration.slug}`}