react-code-blocks
react-code-blocks copied to clipboard
There is a white background behind text and clipboard icon is too small
This is how the UI is looking

Below is my code I used
text={`function toBe() {
if (Math.random() < 0.5) {
return true;
} else {
return false;
}
}`}
showLineNumbers={true}
codeBlock
language="text"
theme={a11yDark}
customStyle={{
height: "250px",
width: "100%",
overflowY: "scroll",
borderRadius: "5px",
boxShadow: "1px 2px 3px rgba(0,0,0,0.35)",
fontSize: "3.75rem",
margin: "0px 0.75rem",
}}
/>```
**I tried changing themes and tried in custom styles also but it didn't work**
Same bug here, the lines are also on the same row
<CopyBlock
text={splitPanelState.queryParsed ? format(splitPanelState.queryParsed, {language: 'postgresql'}) : ""}
language={"sql"}
showLineNumbers={true}
theme={dracula}
codeBlock
/>
