diff --git a/src/renderer/components/Editor/Editor.css b/src/renderer/components/Editor/Editor.css index 5056595..268cdfa 100644 --- a/src/renderer/components/Editor/Editor.css +++ b/src/renderer/components/Editor/Editor.css @@ -17,6 +17,7 @@ .editor-statusbar { flex-shrink: 0; + position: relative; display: flex; align-items: center; justify-content: space-between; @@ -45,6 +46,17 @@ opacity: 0.5; } +.statusbar-center { + position: absolute; + left: 50%; + transform: translateX(-50%); + pointer-events: none; +} + +.statusbar-readtime { + opacity: 0.8; +} + .statusbar-right { margin-left: auto; display: flex; diff --git a/src/renderer/components/Editor/MarkdownEditor.tsx b/src/renderer/components/Editor/MarkdownEditor.tsx index 25d1bce..c554919 100644 --- a/src/renderer/components/Editor/MarkdownEditor.tsx +++ b/src/renderer/components/Editor/MarkdownEditor.tsx @@ -1171,6 +1171,18 @@ export function MarkdownEditor(): JSX.Element { ) : sentenceWordCount > 0 ? ( {sentenceWordCount} in sentence ) : null} +