search

rajinwonderland / react-code-blocks

React code blocks and code snippet components
https://react-code-blocks.rajinwonderland.vercel.app
MIT License
613 stars 81 forks source link

There is a white background behind text and clipboard icon is too small #71

Open KingTahac53 opened 2 years ago

KingTahac53 commented 2 years ago

This is how the UI is looking

image

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**
MatteoGioioso commented 1 year ago

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
            />

image