Add bg color and radius

This commit is contained in:
Yang Luo 2023-09-10 18:08:18 +08:00
parent 3815521180
commit 821e00dae1
2 changed files with 5 additions and 3 deletions

View File

@ -690,7 +690,7 @@ class FileTree extends React.Component {
return (
<DocViewer
key={path}
style={{height: this.getEditorHeightCss()}}
style={{height: this.getEditorHeightCss(), border: "1px solid rgb(242,242,242)", borderRadius: "6px"}}
pluginRenderers={DocViewerRenderers}
documents={[{uri: url}]}
theme={{
@ -729,7 +729,7 @@ class FileTree extends React.Component {
} else if (this.isExtForMarkdownViewer(ext)) {
// https://github.com/remarkjs/react-markdown
return (
<div className="markdownContainer" style={{height: this.getEditorHeightCss(), overflow: "auto"}}>
<div className="markdownContainer" style={{height: this.getEditorHeightCss(), overflow: "auto", border: "1px solid rgb(242,242,242)", borderRadius: "6px"}}>
<ReactMarkdown
key={path}
remarkPlugins={[remarkGfm, remarkFrontmatter]}
@ -914,7 +914,7 @@ class FileTree extends React.Component {
<Col span={16}>
<Card className="content-warp-card-filetreeright">
<div style={{margin: "-25px"}}>
<div style={{height: this.getEditorHeightCss()}}>
<div style={{height: this.getEditorHeightCss(), border: "1px solid rgb(242,242,242)", borderRadius: "6px"}}>
{
this.renderFileViewer(this.props.store)
}

View File

@ -98,6 +98,8 @@ code {
.markdownContainer {
width: 100%;
overflow: hidden;
background-color: rgb(251,240,217);
padding: 10px;
}
.markdownContainer img {