feat: upgraded to tw v4

This commit is contained in:
=
2025-10-09 22:37:42 +05:30
parent 2da35b389d
commit 7b0a51f5cf
669 changed files with 2856 additions and 3143 deletions
@@ -144,8 +144,8 @@ export const OrgGeneralAuthSection = ({
return (
<div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-6">
<div>
<p className="text-xl font-semibold text-gray-200">SSO Enforcement</p>
<p className="mb-2 mt-1 text-gray-400">
<p className="text-xl font-medium text-gray-200">SSO Enforcement</p>
<p className="mt-1 mb-2 text-gray-400">
Manage strict enforcement of specific authentication methods for your organization.
</p>
</div>
@@ -101,7 +101,7 @@ export const OrgLDAPSection = (): JSX.Element => {
<div className="py-4">
<div className="mb-4 flex items-center justify-between">
<div>
<p className="text-xl font-semibold text-gray-200">LDAP</p>
<p className="text-xl font-medium text-gray-200">LDAP</p>
<p className="mb-2 text-gray-400">Manage LDAP authentication configuration</p>
</div>
<OrgPermissionCan I={OrgPermissionActions.Create} a={OrgPermissionSubjects.Ldap}>
@@ -89,7 +89,7 @@ export const OrgOIDCSection = (): JSX.Element => {
<div className="mb-4 rounded-lg border-mineshaft-600 bg-mineshaft-900">
<div className="mb-4 flex items-center justify-between">
<div>
<p className="text-xl font-semibold text-gray-200">OIDC</p>
<p className="text-xl font-medium text-gray-200">OIDC</p>
<p className="mb-2 text-gray-400">Manage OIDC authentication configuration</p>
</div>
@@ -180,7 +180,7 @@ export const OrgOIDCSection = (): JSX.Element => {
<FontAwesomeIcon
icon={faInfoCircle}
size="sm"
className="ml-1 mt-0.5 inline-block text-mineshaft-400"
className="mt-0.5 ml-1 inline-block text-mineshaft-400"
/>
</Tooltip>
</div>
@@ -118,7 +118,7 @@ export const OrgSSOSection = (): JSX.Element => {
<div className="space-y-4">
<div className="mb-4 flex items-center justify-between">
<div>
<p className="text-xl font-semibold text-gray-200">SAML</p>
<p className="text-xl font-medium text-gray-200">SAML</p>
<p className="mb-2 text-gray-400">Manage SAML authentication configuration</p>
</div>
{!isPending && (
@@ -206,7 +206,7 @@ export const OrgSSOSection = (): JSX.Element => {
<FontAwesomeIcon
icon={faInfoCircle}
size="sm"
className="ml-1 mt-0.5 inline-block text-mineshaft-400"
className="mt-0.5 ml-1 inline-block text-mineshaft-400"
/>
</Tooltip>
</div>
@@ -73,8 +73,8 @@ export const OrgSsoTab = withPermission(
<>
<div className="mb-4 space-y-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-6">
<div>
<p className="text-xl font-semibold text-gray-200">Connect an Identity Provider</p>
<p className="mb-2 mt-1 text-gray-400">
<p className="text-xl font-medium text-gray-200">Connect an Identity Provider</p>
<p className="mt-1 mb-2 text-gray-400">
Connect your identity provider to simplify user management with options like SAML,
OIDC, and LDAP.
</p>
@@ -166,7 +166,7 @@ export const OrgSsoTab = withPermission(
/>
</>
) : (
<EmptyState title="" iconSize="2x" className="!pb-10 pt-14">
<EmptyState title="" iconSize="2x" className="pt-14 pb-10!">
<p className="text-center text-lg">Single Sign-On (SSO) has been disabled</p>
<p className="text-center">Contact your server administrator</p>
</EmptyState>
@@ -33,7 +33,7 @@ export const SSOModalHeader = ({ providerDetails, isConnected }: Props) => {
rel="noopener noreferrer"
>
<div className="inline-block rounded-md bg-yellow/20 px-1.5 text-sm text-yellow opacity-80 hover:opacity-100">
<FontAwesomeIcon icon={faBookOpen} className="mb-[0.03rem] mr-1 text-[12px]" />
<FontAwesomeIcon icon={faBookOpen} className="mr-1 mb-[0.03rem] text-[12px]" />
<span>Docs</span>
<FontAwesomeIcon
icon={faArrowUpRightFromSquare}