mirror of
https://github.com/haiwen/seahub.git
synced 2025-09-11 03:41:12 +00:00
[shared file view] markdown: redesign & improvement
This commit is contained in:
@@ -47,31 +47,20 @@
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
|
||||||
.shared-file-view-body .md-view {
|
|
||||||
min-height: 400px;
|
|
||||||
padding: 70px 75px;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
margin: 0 auto;
|
|
||||||
box-shadow: 0 0 6px #ccc;
|
|
||||||
width: 950px;
|
|
||||||
background: #fff;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
.shared-file-view-body .article {
|
.shared-file-view-body .article {
|
||||||
min-height: calc(100% - 40px);
|
min-height: calc(100% - 40px);
|
||||||
background: #fff;
|
background: #fff;
|
||||||
padding: 40px 60px;
|
padding: 40px 60px;
|
||||||
margin: 20px 40px;
|
margin: 0 340px 15px 40px;
|
||||||
border: 1px solid #e6e6dd;
|
border: 1px solid #e6e6dd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shared-file-view-body .seafile-markdown-outline {
|
.shared-file-view-body .seafile-markdown-outline {
|
||||||
position: static;
|
|
||||||
width: 300px;
|
width: 300px;
|
||||||
border-left: 1px solid #e6e6dd;
|
border-left: 1px solid #e6e6dd;
|
||||||
flex-shrink: 0;
|
top: 145px;
|
||||||
|
bottom: 30px;
|
||||||
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 991.98px) {
|
@media (max-width: 991.98px) {
|
||||||
|
@@ -76,7 +76,7 @@ class FileContent extends React.Component {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="shared-file-view-body">
|
<div className="shared-file-view-body">
|
||||||
<div className="md-view d-flex">
|
<div className="md-view">
|
||||||
<MarkdownViewer
|
<MarkdownViewer
|
||||||
scriptSource={mediaUrl + 'js/mathjax/tex-svg.js'}
|
scriptSource={mediaUrl + 'js/mathjax/tex-svg.js'}
|
||||||
markdownContent={this.state.markdownContent}
|
markdownContent={this.state.markdownContent}
|
||||||
|
Reference in New Issue
Block a user