Update views to support a more logical container

This commit is contained in:
Dane Everitt 2020-04-17 11:17:01 -07:00
parent e044e8db1c
commit e6a61fbe9b
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
20 changed files with 85 additions and 39 deletions

View file

@ -11,6 +11,7 @@ import { bytesToHuman } from '@/helpers';
import SuspenseSpinner from '@/components/elements/SuspenseSpinner';
import TitledGreyBox from '@/components/elements/TitledGreyBox';
import Can from '@/components/elements/Can';
import PageContentBlock from '@/components/elements/PageContentBlock';
type PowerAction = 'start' | 'stop' | 'restart' | 'kill';
@ -80,7 +81,7 @@ export default () => {
}, [ instance, connected ]);
return (
<div className={'my-10 flex'}>
<PageContentBlock className={'flex'}>
<div className={'w-1/4'}>
<TitledGreyBox title={server.name} icon={faServer}>
<p className={'text-xs uppercase'}>
@ -159,6 +160,6 @@ export default () => {
<ChunkedStatGraphs/>
</SuspenseSpinner>
</div>
</div>
</PageContentBlock>
);
};