diff --git a/src/components/code-block/index.js b/src/components/code-block/index.js index c058825..08400a0 100644 --- a/src/components/code-block/index.js +++ b/src/components/code-block/index.js @@ -10,6 +10,7 @@ import { preWrapper as preWrapperStyles, pre as preStyles, code as codeStyles, + highlight as highlightStyles, } from "./styles.module.css" const CodeBlock = (props) => { diff --git a/src/components/code-block/styles.module.css b/src/components/code-block/styles.module.css index c2df7eb..52b096a 100644 --- a/src/components/code-block/styles.module.css +++ b/src/components/code-block/styles.module.css @@ -22,13 +22,17 @@ .pre-wrapper { overflow: auto; - padding-right: 1rem; } .pre { - margin-left: 1rem; + min-width: fit-content; } .code { display: block; + padding: 0rem 1rem; } + +.highlight { + background-color: rgba(84, 146, 255, 0.25); +} \ No newline at end of file