fix(client): fix modal heading CSS for light theme (#40106)
This commit is contained in:
@ -436,7 +436,17 @@ pre {
|
|||||||
|
|
||||||
.panel-primary > .panel-heading {
|
.panel-primary > .panel-heading {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border-color: var(--color-primary);
|
border-color: var(--primary-color);
|
||||||
|
color: var(--primary-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.solution-viewer,
|
||||||
|
.solution-viewer pre {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.solution-viewer {
|
||||||
|
border-color: var(--primary-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.has-success .help-block,
|
.has-success .help-block,
|
||||||
|
@ -3,8 +3,6 @@ import PropTypes from 'prop-types';
|
|||||||
import { Panel } from '@freecodecamp/react-bootstrap';
|
import { Panel } from '@freecodecamp/react-bootstrap';
|
||||||
import Prism from 'prismjs';
|
import Prism from 'prismjs';
|
||||||
|
|
||||||
import './solution-viewer.css';
|
|
||||||
|
|
||||||
const prismLang = {
|
const prismLang = {
|
||||||
css: 'css',
|
css: 'css',
|
||||||
js: 'javascript',
|
js: 'javascript',
|
||||||
|
@ -1,8 +0,0 @@
|
|||||||
.solution-viewer,
|
|
||||||
.solution-viewer pre {
|
|
||||||
margin-bottom: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-viewer {
|
|
||||||
border-color: var(--color-primary);
|
|
||||||
}
|
|
Reference in New Issue
Block a user