Minor style updates

This commit is contained in:
Vladyslav Matsiiako
2023-02-22 14:54:59 -08:00
parent 86a2647134
commit 05a77e612c
3 changed files with 8 additions and 11 deletions

View File

@@ -11,11 +11,11 @@ type Props = {
};
export const EmptyState = ({ title, className, children, icon = faCubesStacked }: Props) => (
<div className={twMerge('flex w-full flex-col items-center p-8 text-mineshaft-50', className)}>
<div className="mb-4">
<FontAwesomeIcon icon={icon} size="3x" />
<div className={twMerge('flex w-full flex-col items-center px-2 pt-6 text-bunker-300', className)}>
<FontAwesomeIcon icon={icon} size="2x" className='mr-4' />
<div className='flex flex-row items-center py-4'>
<div className="text-bunker-300 text-sm">{title}</div>
<div>{children}</div>
</div>
<div className="mb-8 text-gray-300">{title}</div>
<div>{children}</div>
</div>
);

View File

@@ -232,14 +232,11 @@ export const OrgSettingsPage = () => {
<div className="max-w-8xl ml-6 mr-6 flex flex-col text-mineshaft-50">
<OrgNameChangeSection orgName={currentOrg?.name} onOrgNameChange={onRenameOrg} />
<div className="mb-6 flex w-full flex-col items-start rounded-md bg-white/5 px-6 pt-6 pb-6">
<p className="mr-4 text-xl font-semibold text-white">
<p className="mr-4 mb-4 text-xl font-semibold text-white">
{t('section-members:org-members')}
</p>
<p className="mr-4 mt-2 mb-2 text-gray-400">
{t('section-members:org-members-description')}
</p>
<OrgMembersTable
isLoading={isOrgUserLoading && IsWsMembershipLoading}
isLoading={isOrgUserLoading || IsWsMembershipLoading}
isMoreUserNotAllowed={isMoreUsersNotAllowed}
orgName={currentOrg?.name || ''}
members={orgUsers}

View File

@@ -256,7 +256,7 @@ export const ServiceTokenSection = ({
isOpen={popUp.deleteAPITokenConfirmation.isOpen}
title={`Delete ${
(popUp?.deleteAPITokenConfirmation?.data as DeleteModalData)?.name || ' '
} api key?`}
} service token?`}
onChange={(isOpen) => handlePopUpToggle('deleteAPITokenConfirmation', isOpen)}
deleteKey={(popUp?.deleteAPITokenConfirmation?.data as DeleteModalData)?.name}
onClose={() => handlePopUpClose('deleteAPITokenConfirmation')}