From 7b5c688844194c588553bd50240cb625289b4c1c Mon Sep 17 00:00:00 2001 From: iCrawl Date: Tue, 23 Aug 2022 14:21:48 +0200 Subject: [PATCH] fix: mobile centering --- .../website/src/pages/docs/packages/[package]/index.tsx | 8 +++++++- packages/website/src/pages/docs/packages/index.tsx | 8 +++++++- 2 files changed, 14 insertions(+), 2 deletions(-) diff --git a/packages/website/src/pages/docs/packages/[package]/index.tsx b/packages/website/src/pages/docs/packages/[package]/index.tsx index 8a1631bfe..10670ed25 100644 --- a/packages/website/src/pages/docs/packages/[package]/index.tsx +++ b/packages/website/src/pages/docs/packages/[package]/index.tsx @@ -66,6 +66,12 @@ export const getStaticProps: GetStaticProps = async ({ params }) => { }; const useStyles = createStyles((theme) => ({ + outer: { + display: 'flex', + height: '100%', + alignItems: 'center', + }, + control: { padding: theme.spacing.xs, color: theme.colorScheme === 'dark' ? theme.colors.dark![0] : theme.black, @@ -86,7 +92,7 @@ export default function VersionsRoute(props: Partial & { error?: s return props.error ? ( {props.error} ) : ( - + Select a version: diff --git a/packages/website/src/pages/docs/packages/index.tsx b/packages/website/src/pages/docs/packages/index.tsx index 3bcf4874a..bc94d76a2 100644 --- a/packages/website/src/pages/docs/packages/index.tsx +++ b/packages/website/src/pages/docs/packages/index.tsx @@ -14,6 +14,12 @@ import { VscArrowRight, VscPackage } from 'react-icons/vsc'; import { PACKAGES } from '~/util/packages'; const useStyles = createStyles((theme) => ({ + outer: { + display: 'flex', + height: '100%', + alignItems: 'center', + }, + control: { padding: theme.spacing.xs, color: theme.colorScheme === 'dark' ? theme.colors.dark![0] : theme.black, @@ -31,7 +37,7 @@ export default function PackagesRoute() { const { colorScheme } = useMantineColorScheme(); return ( - <Container py={96} size="xs"> + <Container className={classes.outer} size="xs"> <Stack sx={{ flexGrow: 1 }}> <Title order={2} ml="xs"> Select a package: