1
1
mirror of https://github.com/pterodactyl/panel.git synced 2024-11-25 18:42:31 +01:00

Minor UI fixes (#3366)

* Added same spacing as CPU graph to RAM graph
* Have the "New Database" button be on the right when on mobile
This commit is contained in:
notil 2021-06-05 10:38:24 -05:00 committed by GitHub
parent 482293578a
commit b79d6e9e64
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 4 deletions

View File

@ -96,7 +96,7 @@ export default () => {
setCpu( setCpu(
new Chart(node.getContext('2d')!, chartDefaults({ new Chart(node.getContext('2d')!, chartDefaults({
callback: (value) => `${value}%`, callback: (value) => `${value}% `,
})), })),
); );
}, []); }, []);

View File

@ -62,7 +62,7 @@ export default () => {
</p> </p>
} }
<Can action={'database.create'}> <Can action={'database.create'}>
<div css={tw`mt-6 sm:flex items-center justify-end`}> <div css={tw`mt-6 flex items-center justify-end`}>
{(databaseLimit > 0 && databases.length > 0) && {(databaseLimit > 0 && databases.length > 0) &&
<p css={tw`text-sm text-neutral-300 mb-4 sm:mr-6 sm:mb-0`}> <p css={tw`text-sm text-neutral-300 mb-4 sm:mr-6 sm:mb-0`}>
{databases.length} of {databaseLimit} databases have been allocated to this {databases.length} of {databaseLimit} databases have been allocated to this
@ -70,7 +70,7 @@ export default () => {
</p> </p>
} }
{databaseLimit > 0 && databaseLimit !== databases.length && {databaseLimit > 0 && databaseLimit !== databases.length &&
<CreateDatabaseButton css={tw`w-full sm:w-auto`}/> <CreateDatabaseButton css={tw`flex justify-end mt-6`}/>
} }
</div> </div>
</Can> </Can>

View File

@ -99,7 +99,7 @@ const EditSubuserModal = ({ subuser }: Props) => {
<h2 css={tw`text-2xl`} ref={ref}> <h2 css={tw`text-2xl`} ref={ref}>
{subuser ? `${canEditUser ? 'Modify' : 'View'} permissions for ${subuser.email}` : 'Create new subuser'} {subuser ? `${canEditUser ? 'Modify' : 'View'} permissions for ${subuser.email}` : 'Create new subuser'}
</h2> </h2>
<div> <div>
<Button type={'submit'} css={tw`w-full sm:w-auto`}> <Button type={'submit'} css={tw`w-full sm:w-auto`}>
{subuser ? 'Save' : 'Invite User'} {subuser ? 'Save' : 'Invite User'}
</Button> </Button>