Nomchy/discord.js
1
0
Fork 0
mirror of https://github.com/discordjs/discord.js.git synced 2026-03-20 13:33:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: mobile centering

Browse Source
This commit is contained in:
iCrawl
2022-08-23 14:21:48 +02:00
parent 28bc4f42c6
commit 7b5c688844
2 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/website/src/pages/docs/packages/[package]/index.tsx
View File

@@ -66,6 +66,12 @@ export const getStaticProps: GetStaticProps = async ({ params }) => {
}; };
const useStyles = createStyles((theme) => ({ const useStyles = createStyles((theme) => ({
outer: {
display: 'flex',
height: '100%',
alignItems: 'center',
},
control: { control: {
padding: theme.spacing.xs, padding: theme.spacing.xs,
color: theme.colorScheme === 'dark' ? theme.colors.dark![0] : theme.black, color: theme.colorScheme === 'dark' ? theme.colors.dark![0] : theme.black,
@@ -86,7 +92,7 @@ export default function VersionsRoute(props: Partial<VersionProps> & { error?: s
return props.error ? ( return props.error ? (
<Box sx={{ display: 'flex', maxWidth: '100%', height: '100%' }}>{props.error}</Box> <Box sx={{ display: 'flex', maxWidth: '100%', height: '100%' }}>{props.error}</Box>
) : ( ) : (
<Container py={96} size="xs"> <Container className={classes.outer} size="xs">
<Stack sx={{ flexGrow: 1 }}> <Stack sx={{ flexGrow: 1 }}>
<Title order={2} ml="xs"> <Title order={2} ml="xs">
Select a version: Select a version:

8
packages/website/src/pages/docs/packages/index.tsx
View File

@@ -14,6 +14,12 @@ import { VscArrowRight, VscPackage } from 'react-icons/vsc';
import { PACKAGES } from '~/util/packages'; import { PACKAGES } from '~/util/packages';
const useStyles = createStyles((theme) => ({ const useStyles = createStyles((theme) => ({
outer: {
display: 'flex',
height: '100%',
alignItems: 'center',
},
control: { control: {
padding: theme.spacing.xs, padding: theme.spacing.xs,
color: theme.colorScheme === 'dark' ? theme.colors.dark![0] : theme.black, color: theme.colorScheme === 'dark' ? theme.colors.dark![0] : theme.black,
@@ -31,7 +37,7 @@ export default function PackagesRoute() {
const { colorScheme } = useMantineColorScheme(); const { colorScheme } = useMantineColorScheme();
return ( return (
<Container py={96} size="xs"> <Container className={classes.outer} size="xs">
<Stack sx={{ flexGrow: 1 }}> <Stack sx={{ flexGrow: 1 }}>
<Title order={2} ml="xs"> <Title order={2} ml="xs">
Select a package: Select a package: