Update views to support a more logical container
This commit is contained in:
parent
e044e8db1c
commit
e6a61fbe9b
20 changed files with 85 additions and 39 deletions
|
@ -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>
|
||||
);
|
||||
};
|
||||
|
|
Reference in a new issue