mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-11-04 22:40:29 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix code block header background

Browse source
This commit is contained in:
Ajay Bura 2025-09-18 08:06:26 +05:30
parent 75ed2ca736
commit 99bb85ecf4
1 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/app/styles/CustomHtml.css.ts
View file

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