fix: spacing between main dashboard elements

This commit is contained in:
diced 2022-10-23 11:57:24 -07:00
parent 3bf43f1606
commit 0150ea5e70
No known key found for this signature in database
GPG key ID: 370BD1BA142842D1
4 changed files with 6 additions and 10 deletions

View file

@ -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'

View file

@ -17,6 +17,7 @@ export function StatCards() {
{ maxWidth: 'md', cols: 2 },
{ maxWidth: 'xs', cols: 1 },
]}
my='sm'
>
<StatCard
stat={{

View file

@ -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>
);
}

View file

@ -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 />