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

style: spacing

Browse Source
This commit is contained in:
iCrawl
2022-08-23 11:20:08 +02:00
parent 2d5bce274c
commit 0674820723
3 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/website/src/components/CodeListing.tsx
View File

@@ -1,4 +1,4 @@
import { ActionIcon, Badge, Group, Stack, Title } from '@mantine/core'; import { ActionIcon, Badge, Group, MediaQuery, Stack, Title } from '@mantine/core';
import { useMediaQuery } from '@mantine/hooks'; import { useMediaQuery } from '@mantine/hooks';
import type { ReactNode } from 'react'; import type { ReactNode } from 'react';
import { FiLink } from 'react-icons/fi'; import { FiLink } from 'react-icons/fi';
@@ -42,9 +42,11 @@ export function CodeListing({
return ( return (
<Stack id={name} className="scroll-mt-30" spacing="xs"> <Stack id={name} className="scroll-mt-30" spacing="xs">
<Group ml={matches ? 0 : -45}> <Group ml={matches ? 0 : -45}>
<ActionIcon component="a" href={`#${name}`} variant="transparent"> <MediaQuery smallerThan="sm" styles={{ display: 'none' }}>
<FiLink size={20} /> <ActionIcon component="a" href={`#${name}`} variant="transparent">
</ActionIcon> <FiLink size={20} />
</ActionIcon>
</MediaQuery>
{deprecation ? ( {deprecation ? (
<Badge variant="filled" color="red"> <Badge variant="filled" color="red">
Deprecated Deprecated

2
packages/website/src/components/DocContainer.tsx
View File

@@ -84,7 +84,7 @@ export function DocContainer({
</Skeleton> </Skeleton>
<Skeleton visible={router.isFallback} radius="sm"> <Skeleton visible={router.isFallback} radius="sm">
<Box px="xs" pb="xs"> <Box pb="xs">
<SyntaxHighlighter <SyntaxHighlighter
wrapLongLines wrapLongLines
language="typescript" language="typescript"

10
packages/website/src/components/MethodItem.tsx
View File

@@ -1,4 +1,4 @@
import { ActionIcon, Badge, Group, Stack, Title } from '@mantine/core'; import { ActionIcon, Badge, Group, MediaQuery, Stack, Title } from '@mantine/core';
import { useMediaQuery } from '@mantine/hooks'; import { useMediaQuery } from '@mantine/hooks';
import { FiLink } from 'react-icons/fi'; import { FiLink } from 'react-icons/fi';
import { HyperlinkedText } from './HyperlinkedText'; import { HyperlinkedText } from './HyperlinkedText';
@@ -28,9 +28,11 @@ export function MethodItem({ data }: { data: ApiMethodJSON | ApiMethodSignatureJ
<Group> <Group>
<Stack> <Stack>
<Group ml={matches ? 0 : -45}> <Group ml={matches ? 0 : -45}>
<ActionIcon component="a" href={`#${key}`} variant="transparent"> <MediaQuery smallerThan="sm" styles={{ display: 'none' }}>
<FiLink size={20} /> <ActionIcon component="a" href={`#${key}`} variant="transparent">
</ActionIcon> <FiLink size={20} />
</ActionIcon>
</MediaQuery>
{data.deprecated ? ( {data.deprecated ? (
<Badge variant="filled" color="red"> <Badge variant="filled" color="red">
Deprecated Deprecated