diff --git a/src/renderer/components/Editor/Editor.css b/src/renderer/components/Editor/Editor.css index 28d1d67..9ada659 100644 --- a/src/renderer/components/Editor/Editor.css +++ b/src/renderer/components/Editor/Editor.css @@ -16,15 +16,39 @@ .editor-statusbar { flex-shrink: 0; - padding: 3px 14px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 10px; + padding: 3px 10px 3px 14px; font-family: var(--font-sans); font-size: 11px; color: var(--text-muted); - text-align: right; opacity: 0.55; border-top: 1px solid var(--border); user-select: none; - pointer-events: none; + transition: opacity 0.15s; +} + +.editor-statusbar:hover { + opacity: 0.8; +} + +.statusbar-share-btn { + background: none; + border: none; + padding: 0 2px; + color: var(--text-muted); + font-size: 13px; + line-height: 1; + cursor: pointer; + opacity: 0.7; + transition: opacity 0.15s, color 0.15s; +} + +.statusbar-share-btn:hover { + opacity: 1; + color: var(--text-primary); } .codemirror-host .cm-editor { diff --git a/src/renderer/components/Editor/MarkdownEditor.tsx b/src/renderer/components/Editor/MarkdownEditor.tsx index f61b5be..915471e 100644 --- a/src/renderer/components/Editor/MarkdownEditor.tsx +++ b/src/renderer/components/Editor/MarkdownEditor.tsx @@ -1025,7 +1025,17 @@ export function MarkdownEditor(): JSX.Element { )} {activeFilePath && (