fix: footer and sidebar mobile spacing

This commit is contained in:
iCrawl
2022-08-23 12:06:18 +02:00
parent 70806b401e
commit 32da9b3868
2 changed files with 2 additions and 2 deletions

View File

@@ -108,7 +108,7 @@ export function SidebarItems({
}, [router.asPath]); }, [router.asPath]);
return ( return (
<Box pb="xl"> <Box sx={(theme) => ({ paddingBottom: 48, [theme.fn.smallerThan('md')]: { paddingBottom: 128 } })}>
{(Object.keys(groupItems) as (keyof GroupedMembers)[]) {(Object.keys(groupItems) as (keyof GroupedMembers)[])
.filter((group) => groupItems[group].length) .filter((group) => groupItems[group].length)
.map((group, idx) => ( .map((group, idx) => (

View File

@@ -345,7 +345,7 @@ export function SidebarLayout({
/> />
</a> </a>
</Link> </Link>
<Group align="flex-start" spacing={48}> <Group sx={(theme) => ({ gap: 50, [theme.fn.smallerThan('sm')]: { gap: 25 } })} align="flex-start">
<Stack spacing={8}> <Stack spacing={8}>
<Title order={4}>Community</Title> <Title order={4}>Community</Title>
<Stack spacing={0}> <Stack spacing={0}>