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>