awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-09-22 13:39:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4893 from Infisical/fix/product-settings-responsiveness

Browse Source 
fix: product settings styling improvements
This commit is contained in:
Piyush Gupta
2025-11-18 23:32:50 +05:30
committed by GitHub
parent d3edb319a2 18a6e6aa61
commit 617c9cb1bc
11 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/pages/organization/AccessManagementPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupsSection.tsx
View File

@@ -49,7 +49,7 @@ export const OrgGroupsSection = () => {
return ( return (
<div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"> <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="mb-4 flex items-center justify-between"> <div className="mb-4 flex flex-wrap items-center justify-between gap-2">
<div className="flex items-center gap-x-2"> <div className="flex items-center gap-x-2">
<p className="text-xl font-medium text-mineshaft-100">Groups</p> <p className="text-xl font-medium text-mineshaft-100">Groups</p>
<DocumentationLinkBadge href="https://infisical.com/docs/documentation/platform/groups" /> <DocumentationLinkBadge href="https://infisical.com/docs/documentation/platform/groups" />

4
frontend/src/pages/organization/AccessManagementPage/components/OrgIdentityTab/components/IdentitySection/IdentitySection.tsx
View File

@@ -97,7 +97,7 @@ export const IdentitySection = withPermission(
return ( return (
<div> <div>
<div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"> <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="mb-4 flex w-full items-center gap-4"> <div className="mb-4 flex flex-wrap items-center justify-between gap-2">
<div className="flex flex-1 items-center gap-x-2"> <div className="flex flex-1 items-center gap-x-2">
<p className="text-xl font-medium text-mineshaft-100">Identities</p> <p className="text-xl font-medium text-mineshaft-100">Identities</p>
<DocumentationLinkBadge href="https://infisical.com/docs/documentation/platform/identities/machine-identities" /> <DocumentationLinkBadge href="https://infisical.com/docs/documentation/platform/identities/machine-identities" />
@@ -139,7 +139,7 @@ export const IdentitySection = withPermission(
</div> </div>
{/* Identity Auth Templates Section */} {/* Identity Auth Templates Section */}
<div className="mt-4 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"> <div className="mt-4 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="mb-4 flex items-center justify-between"> <div className="mb-4 flex flex-wrap items-center justify-between gap-2">
<div className="flex items-center gap-x-2"> <div className="flex items-center gap-x-2">
<p className="text-xl font-medium text-mineshaft-100">Identity Auth Templates</p> <p className="text-xl font-medium text-mineshaft-100">Identity Auth Templates</p>
<DocumentationLinkBadge href="https://infisical.com/docs/documentation/platform/identities/auth-templates" /> <DocumentationLinkBadge href="https://infisical.com/docs/documentation/platform/identities/auth-templates" />

2
frontend/src/pages/organization/AccessManagementPage/components/OrgMembersTab/components/OrgMembersSection/OrgMembersSection.tsx
View File

@@ -203,7 +203,7 @@ export const OrgMembersSection = () => {
</div> </div>
</div> </div>
<div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"> <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="mb-4 flex items-center justify-between"> <div className="mb-4 flex flex-wrap items-center justify-between gap-2">
<div className="flex items-center gap-x-2"> <div className="flex items-center gap-x-2">
<p className="text-xl font-medium text-mineshaft-100">Users</p> <p className="text-xl font-medium text-mineshaft-100">Users</p>
<DocumentationLinkBadge href="https://infisical.com/docs/documentation/platform/identities/user-identities" /> <DocumentationLinkBadge href="https://infisical.com/docs/documentation/platform/identities/user-identities" />

4
frontend/src/pages/organization/AccessManagementPage/components/OrgMembersTab/components/OrgMembersSection/OrgMembersTable.tsx
View File

@@ -392,7 +392,7 @@ export const OrgMembersTable = ({
}} }}
/> />
</Th> </Th>
<Th className="w-1/3"> <Th className="min-w-40 md:w-1/3 md:min-w-0">
<div className="flex items-center"> <div className="flex items-center">
Name Name
<IconButton <IconButton
@@ -505,7 +505,7 @@ export const OrgMembersTable = ({
<Td <Td
className={twMerge("group max-w-0", isActive ? "" : "text-mineshaft-400")} className={twMerge("group max-w-0", isActive ? "" : "text-mineshaft-400")}
> >
<div className="flex items-center gap-x-2"> <div className="flex w-full items-center gap-x-2">
<p className="truncate"> <p className="truncate">
{name ?? <span className="text-mineshaft-400">Not Set</span>} {name ?? <span className="text-mineshaft-400">Not Set</span>}
</p> </p>

2
frontend/src/pages/organization/AccessManagementPage/components/OrgRoleTabSection/OrgRoleTable.tsx
View File

@@ -189,7 +189,7 @@ export const OrgRoleTable = () => {
return ( return (
<div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"> <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="mb-4 flex items-center justify-between"> <div className="mb-4 flex flex-wrap items-center justify-between gap-2">
<div className="flex items-center gap-x-2"> <div className="flex items-center gap-x-2">
<p className="text-xl font-medium text-mineshaft-100"> <p className="text-xl font-medium text-mineshaft-100">
{isSubOrganization ? "Sub-" : ""}Organization Roles {isSubOrganization ? "Sub-" : ""}Organization Roles

4
frontend/src/pages/organization/GroupDetailsByIDPage/GroupDetailsByIDPage.tsx
View File

@@ -150,8 +150,8 @@ const Page = () => {
</DropdownMenuContent> </DropdownMenuContent>
</DropdownMenu> </DropdownMenu>
</PageHeader> </PageHeader>
<div className="flex"> <div className="flex flex-col gap-4 md:flex-row">
<div className="mr-4 w-96"> <div className="w-full md:w-96">
<GroupDetailsSection groupId={groupId} handlePopUpOpen={handlePopUpOpen} /> <GroupDetailsSection groupId={groupId} handlePopUpOpen={handlePopUpOpen} />
</div> </div>
<GroupMembersSection groupId={groupId} groupSlug={data.group.slug} /> <GroupMembersSection groupId={groupId} groupSlug={data.group.slug} />

4
frontend/src/pages/organization/IdentityDetailsByIDPage/IdentityDetailsByIDPage.tsx
View File

@@ -116,8 +116,8 @@ const Page = () => {
)} )}
</div> </div>
</PageHeader> </PageHeader>
<div className="flex"> <div className="flex flex-col gap-4 md:flex-row">
<div className="mr-4 w-96"> <div className="w-full md:w-96">
<IdentityDetailsSection <IdentityDetailsSection
isOrgIdentity={data.identity.orgId === currentOrg.id} isOrgIdentity={data.identity.orgId === currentOrg.id}
identityId={identityId} identityId={identityId}

2
frontend/src/pages/organization/SettingsPage/components/ExternalMigrationsTab/ExternalMigrationsTab.tsx
View File

@@ -37,7 +37,7 @@ export const ExternalMigrationsTab = () => {
</p> </p>
</div> </div>
<div className="flex items-start justify-between"> <div className="flex flex-wrap items-start justify-between gap-2">
<div> <div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<p className="text-base font-medium text-mineshaft-100"> <p className="text-base font-medium text-mineshaft-100">

2
frontend/src/pages/organization/SettingsPage/components/ExternalMigrationsTab/components/VaultConnectionSection.tsx
View File

@@ -71,7 +71,7 @@ export const VaultConnectionSection = () => {
return ( return (
<div> <div>
<div className="mb-4 flex items-center justify-between"> <div className="mb-4 flex flex-wrap items-center justify-between gap-2">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<img <img
src="/images/integrations/Vault.png" src="/images/integrations/Vault.png"

10
frontend/src/pages/organization/SettingsPage/components/ProjectTemplatesTab/components/ProjectTemplatesSection.tsx
View File

@@ -34,9 +34,11 @@ export const ProjectTemplatesSection = () => {
project setup project setup
</p> </p>
<div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"> <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="mb-4 flex items-center gap-x-2"> <div className="mb-4 flex flex-wrap items-center justify-between gap-2">
<p className="text-xl font-medium text-mineshaft-100">Project Templates</p> <div className="flex items-center gap-x-2">
<DocumentationLinkBadge href="https://infisical.com/docs/documentation/platform/project-templates" /> <p className="text-xl font-medium text-mineshaft-100">Project Templates</p>
<DocumentationLinkBadge href="https://infisical.com/docs/documentation/platform/project-templates" />
</div>
<OrgPermissionCan <OrgPermissionCan
I={OrgPermissionActions.Create} I={OrgPermissionActions.Create}
a={OrgPermissionSubjects.ProjectTemplates} a={OrgPermissionSubjects.ProjectTemplates}
@@ -57,7 +59,7 @@ export const ProjectTemplatesSection = () => {
handlePopUpOpen("addTemplate"); handlePopUpOpen("addTemplate");
}} }}
isDisabled={!isAllowed} isDisabled={!isAllowed}
className="ml-auto" // className="ml-auto"
> >
Add Template Add Template
</Button> </Button>

4
frontend/src/pages/organization/UserDetailsByIDPage/UserDetailsByIDPage.tsx
View File

@@ -242,8 +242,8 @@ const Page = withPermission(
)} )}
</div> </div>
</PageHeader> </PageHeader>
<div className="flex"> <div className="flex flex-col gap-4 md:flex-row">
<div className="mr-4 w-96"> <div className="w-full md:w-96">
<UserDetailsSection membershipId={membershipId} handlePopUpOpen={handlePopUpOpen} /> <UserDetailsSection membershipId={membershipId} handlePopUpOpen={handlePopUpOpen} />
</div> </div>
<div className="w-full space-y-2"> <div className="w-full space-y-2">