Merge pull request #3061 from Infisical/secret-sync-ui-doc-improvements

improvements: Import Behavior Doc/UI Clarification and Minor Integration Layout Adjustments
This commit is contained in:
Maidul Islam
2025-01-29 13:16:21 -05:00
committed by GitHub
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}`}