mirror of
https://github.com/phuoc-ng/csslayout.git
synced 2025-10-23 02:36:11 +02:00
Some layout tweaks
This commit is contained in:
@@ -4,15 +4,21 @@ import highlight from '../helpers/highlight';
|
||||
|
||||
interface SampleCodeProps {
|
||||
code: string;
|
||||
fullHeight?: boolean;
|
||||
lang: string;
|
||||
}
|
||||
|
||||
const SampleCode: React.FC<SampleCodeProps> = ({ code, lang }) => {
|
||||
const SampleCode: React.FC<SampleCodeProps> = ({ code, fullHeight = false, lang }) => {
|
||||
return code === ''
|
||||
? <></>
|
||||
: (
|
||||
<pre
|
||||
style={{ height: '100%', lineHeight: 1.5, margin: 0 }}
|
||||
className="hljs"
|
||||
style={{
|
||||
height: fullHeight ? '100%' : 'auto',
|
||||
lineHeight: 1.5,
|
||||
margin: 0,
|
||||
}}
|
||||
dangerouslySetInnerHTML={{ __html: highlight(code, lang) }}
|
||||
/>
|
||||
);
|
||||
|
Reference in New Issue
Block a user