diff --git a/src/components/common/splitter/splitter.tsx b/src/components/common/splitter/splitter.tsx index c9b45e2e2..c125f4f3d 100644 --- a/src/components/common/splitter/splitter.tsx +++ b/src/components/common/splitter/splitter.tsx @@ -54,7 +54,7 @@ export const Splitter: React.FC = ({ containerClassName, left, ri -
+
{right}
diff --git a/src/components/editor/markdown-toc/markdown-toc.scss b/src/components/editor/markdown-toc/markdown-toc.scss index b8f023f32..ddd4b95ed 100644 --- a/src/components/editor/markdown-toc/markdown-toc.scss +++ b/src/components/editor/markdown-toc/markdown-toc.scss @@ -4,9 +4,7 @@ overflow-y: auto; overflow-x: hidden; &.sticky { - position: sticky; - top: 0; - left: 0; + position: fixed; } >ul>li { @@ -52,12 +50,9 @@ } } .markdown-toc-sidebar-button { - position: absolute; - height: 100%; - right: 20px; - display: flex; - justify-content: flex-end; - flex-direction: column; + position: fixed; + right: 40px; + bottom: 20px; &>.dropup { position: sticky; diff --git a/src/components/editor/renderer-window/markdown-render-window.tsx b/src/components/editor/renderer-window/markdown-render-window.tsx index 27b65948e..104cc1b30 100644 --- a/src/components/editor/renderer-window/markdown-render-window.tsx +++ b/src/components/editor/renderer-window/markdown-render-window.tsx @@ -23,7 +23,7 @@ export const MarkdownRenderWindow: React.FC = ({ content, onM const realWidth = width || 0 return ( -
+
= ({ content, onM onFirstHeadingChange={onFirstHeadingChange} /> -
+
= 1280 && !!tocAst}> diff --git a/src/global-style/index.scss b/src/global-style/index.scss index 2d3824a3e..7d84cbc5e 100644 --- a/src/global-style/index.scss +++ b/src/global-style/index.scss @@ -36,7 +36,3 @@ body { .overflow-y-scroll { overflow-y: scroll; } - -.min-h-100 { - min-height: 100%; -}