1
0
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:
llj
2022-05-26 22:38:25 +08:00
parent 188f0a65d5
commit 41d072f6e9
2 changed files with 9 additions and 20 deletions

View File

@@ -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) {

View File

@@ -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}