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
@@ -11,11 +11,11 @@ type Props = {
}; };
export const EmptyState = ({ title, className, children, icon = faCubesStacked }: 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={twMerge('flex w-full flex-col items-center px-2 pt-6 text-bunker-300', className)}>
<div className="mb-4"> <FontAwesomeIcon icon={icon} size="2x" className='mr-4' />
<FontAwesomeIcon icon={icon} size="3x" /> <div className='flex flex-row items-center py-4'>
</div> <div className="text-bunker-300 text-sm">{title}</div>
<div className="mb-8 text-gray-300">{title}</div>
<div>{children}</div> <div>{children}</div>
</div> </div>
</div>
); );
@@ -232,14 +232,11 @@ export const OrgSettingsPage = () => {
<div className="max-w-8xl ml-6 mr-6 flex flex-col text-mineshaft-50"> <div className="max-w-8xl ml-6 mr-6 flex flex-col text-mineshaft-50">
<OrgNameChangeSection orgName={currentOrg?.name} onOrgNameChange={onRenameOrg} /> <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"> <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')} {t('section-members:org-members')}
</p> </p>
<p className="mr-4 mt-2 mb-2 text-gray-400">
{t('section-members:org-members-description')}
</p>
<OrgMembersTable <OrgMembersTable
isLoading={isOrgUserLoading && IsWsMembershipLoading} isLoading={isOrgUserLoading || IsWsMembershipLoading}
isMoreUserNotAllowed={isMoreUsersNotAllowed} isMoreUserNotAllowed={isMoreUsersNotAllowed}
orgName={currentOrg?.name || ''} orgName={currentOrg?.name || ''}
members={orgUsers} members={orgUsers}
@@ -256,7 +256,7 @@ export const ServiceTokenSection = ({
isOpen={popUp.deleteAPITokenConfirmation.isOpen} isOpen={popUp.deleteAPITokenConfirmation.isOpen}
title={`Delete ${ title={`Delete ${
(popUp?.deleteAPITokenConfirmation?.data as DeleteModalData)?.name || ' ' (popUp?.deleteAPITokenConfirmation?.data as DeleteModalData)?.name || ' '
} api key?`} } service token?`}
onChange={(isOpen) => handlePopUpToggle('deleteAPITokenConfirmation', isOpen)} onChange={(isOpen) => handlePopUpToggle('deleteAPITokenConfirmation', isOpen)}
deleteKey={(popUp?.deleteAPITokenConfirmation?.data as DeleteModalData)?.name} deleteKey={(popUp?.deleteAPITokenConfirmation?.data as DeleteModalData)?.name}
onClose={() => handlePopUpClose('deleteAPITokenConfirmation')} onClose={() => handlePopUpClose('deleteAPITokenConfirmation')}