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(
new Chart(node.getContext('2d')!, chartDefaults({
callback: (value) => `${value}%`,
callback: (value) => `${value}% `,
})),
);
}, []);

View file

@ -62,7 +62,7 @@ export default () => {
</p>
}
<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) &&
<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
@ -70,7 +70,7 @@ export default () => {
</p>
}
{databaseLimit > 0 && databaseLimit !== databases.length &&
<CreateDatabaseButton css={tw`w-full sm:w-auto`}/>
<CreateDatabaseButton css={tw`flex justify-end mt-6`}/>
}
</div>
</Can>