[READ-ONLY] Mirror of https://github.com/FoxxMD/multi-scrobbler. Scrobble plays from multiple sources to multiple clients
docs.multi-scrobbler.app
deezer
docker
jellyfin
koito
lastfm
listenbrainz
maloja
mopidy
mpris
music
music-assistant
plex
scrobble
self-hosted
spotify
subsonic
tautulli
youtube-music
feat(ui): Set max height for code block with scrolling
+3
-2
+3
-2
src/client/components/CodeBlock.tsx
+3
-2
src/client/components/CodeBlock.tsx
···
1
1
import type { HighlighterGeneric } from "shiki"
2
-
import { createShikiAdapter, CodeBlock, IconButton, ClientOnly } from "@chakra-ui/react"
2
+
import { createShikiAdapter, CodeBlock, IconButton, ClientOnly, ScrollArea } from "@chakra-ui/react"
3
3
import { useColorMode } from "./Color-Mode";
4
4
5
5
const shikiAdapter = createShikiAdapter<HighlighterGeneric<any, any>>({
···
20
20
code: string
21
21
language?: string
22
22
title?: string
23
+
maxHeight?: string
23
24
}
24
25
25
26
export const ChakraCodeBlock = (props: ChakraCodeBlockProps) => {
···
36
37
</IconButton>
37
38
</CodeBlock.CopyTrigger>
38
39
</CodeBlock.Header>
39
-
<CodeBlock.Content>
40
+
<CodeBlock.Content maxHeight={props.maxHeight ?? '70vh'} overflowY="auto">
40
41
<CodeBlock.Code>
41
42
<CodeBlock.CodeText />
42
43
</CodeBlock.Code>