style: spacing

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

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

View File

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

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