fix code block header background

This commit is contained in:
Ajay Bura 2025-09-18 08:06:26 +05:30
parent 75ed2ca736
commit 99bb85ecf4

View file

@ -1,6 +1,7 @@
import { style } from '@vanilla-extract/css';
import { recipe } from '@vanilla-extract/recipes';
import { color, config, DefaultReset, toRem } from 'folds';
import { ContainerColor } from './ContainerColor.css';
export const MarginSpaced = style({
marginBottom: config.space.S200,
@ -92,11 +93,14 @@ export const CodeBlock = style([
overflow: 'hidden',
},
]);
export const CodeBlockHeader = style({
export const CodeBlockHeader = style([
ContainerColor({ variant: 'Surface' }),
{
padding: `0 ${config.space.S200} 0 ${config.space.S300}`,
borderBottomWidth: config.borderWidth.B300,
gap: config.space.S200,
});
},
]);
export const CodeBlockInternal = style([
CodeFont,
{