diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-12-01 08:01:16 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-12-01 08:01:16 +0800 |
| commit | 4b6ac96a8db908b02a352357592dfef986e23fdc (patch) | |
| tree | 8d524c02c92c367ff52865603ef16d93f2a1893c | |
| parent | 9e69257b0db8ce959c0209d4389f9e3a753839bd (diff) | |
| download | dexon-sol-tools-4b6ac96a8db908b02a352357592dfef986e23fdc.tar.gz dexon-sol-tools-4b6ac96a8db908b02a352357592dfef986e23fdc.tar.zst dexon-sol-tools-4b6ac96a8db908b02a352357592dfef986e23fdc.zip | |
fix: use correct styles even when syntax highlighter component removes classnames on second render
| -rw-r--r-- | packages/website/ts/pages/instant/code_demo.tsx | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/packages/website/ts/pages/instant/code_demo.tsx b/packages/website/ts/pages/instant/code_demo.tsx index fa0cebc62..20eb6b8d1 100644 --- a/packages/website/ts/pages/instant/code_demo.tsx +++ b/packages/website/ts/pages/instant/code_demo.tsx @@ -8,7 +8,8 @@ const CustomPre = styled.pre` line-height: 24px; overflow: scroll; width: 600px; - height: 500px; + height: 100%; + max-height: 800px; border-radius: 4px; code { background-color: inherit !important; @@ -16,7 +17,7 @@ const CustomPre = styled.pre` font-family: 'Roboto Mono', sans-serif; border: none; } - .lsl { + code:first-of-type { background-color: #2a2a2a !important; color: #999; height: 100%; @@ -27,7 +28,7 @@ const CustomPre = styled.pre` line-height: 25px; padding-top: 10px; } - .xml { + code:last-of-type { position: relative; top: 10px; } |