fix: spacing between main dashboard elements
This commit is contained in:
parent
3bf43f1606
commit
0150ea5e70
4 changed files with 6 additions and 10 deletions
|
@ -10,7 +10,7 @@ export default function RecentFiles({ disableMediaPreview }) {
|
|||
|
||||
return (
|
||||
<>
|
||||
<Title>Recent Files</Title>
|
||||
<Title mt='sm'>Recent Files</Title>
|
||||
<SimpleGrid
|
||||
cols={recent.isSuccess && recent.data.length === 0 ? 1 : 4}
|
||||
spacing='lg'
|
||||
|
|
|
@ -17,6 +17,7 @@ export function StatCards() {
|
|||
{ maxWidth: 'md', cols: 2 },
|
||||
{ maxWidth: 'xs', cols: 1 },
|
||||
]}
|
||||
my='sm'
|
||||
>
|
||||
<StatCard
|
||||
stat={{
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
import { DataGrid, dateFilterFn, stringFilterFn } from '@dicedtomato/mantine-data-grid';
|
||||
import { Title, useMantineTheme } from '@mantine/core';
|
||||
import { Title, useMantineTheme, Box } from '@mantine/core';
|
||||
import { useClipboard } from '@mantine/hooks';
|
||||
import { showNotification } from '@mantine/notifications';
|
||||
import { CopyIcon, CrossIcon, DeleteIcon, EnterIcon } from 'components/icons';
|
||||
|
@ -74,7 +74,7 @@ export default function Dashboard({ disableMediaPreview }) {
|
|||
|
||||
<RecentFiles disableMediaPreview={disableMediaPreview} />
|
||||
|
||||
<section>
|
||||
<Box my='sm'>
|
||||
<Title>Files</Title>
|
||||
<MutedText size='md'>
|
||||
View your gallery <Link href='/dashboard/files'>here</Link>.
|
||||
|
@ -147,7 +147,7 @@ export default function Dashboard({ disableMediaPreview }) {
|
|||
},
|
||||
]}
|
||||
/>
|
||||
</section>
|
||||
</Box>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -10,12 +10,7 @@ class MyDocument extends Document {
|
|||
render() {
|
||||
return (
|
||||
<Html lang='en'>
|
||||
<Head>
|
||||
<link
|
||||
rel='stylesheet'
|
||||
href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap'
|
||||
/>
|
||||
</Head>
|
||||
<Head />
|
||||
<body>
|
||||
<Main />
|
||||
<NextScript />
|
||||
|
|
Loading…
Reference in a new issue