MikiVL/studynote
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 专注模式下编辑区内容居中限宽

Browse Source
This commit is contained in:
MikiVL 2026-05-05 03:20:43 +08:00
parent 5faf8aa35e
commit c26875cc15
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/editor/Editor.tsx
View File

@ -350,7 +350,7 @@ export function Editor() {
return (
<div className="flex-1 flex flex-col min-w-0 h-full" style={{ background: 'var(--bg)' }}>
{/* Title row */}
<div className="px-12 pt-10 pb-0 max-w-3xl mx-auto w-full">
<div className={`px-12 pt-10 pb-0 mx-auto w-full${focusMode ? ' max-w-2xl' : ' max-w-3xl'}`}>
<div className="flex items-start gap-2">
<input
value={title}
@ -402,7 +402,7 @@ export function Editor() {
</div>
{/* Tag row */}
<div className="px-12 pb-2 max-w-3xl mx-auto w-full">
<div className={`px-12 pb-2 mx-auto w-full${focusMode ? ' max-w-2xl' : ' max-w-3xl'}`}>
<div className="flex items-center flex-wrap gap-1.5 min-h-[26px]">
{activeNote.tags.map(tag => (
<span
@ -451,7 +451,7 @@ export function Editor() {
{/* Editor scroll */}
<div className="flex-1 overflow-y-auto editor-scroll relative px-12 pt-4 pb-4">
<div className="max-w-3xl mx-auto w-full relative">
<div className={`mx-auto w-full relative${focusMode ? ' max-w-2xl' : ' max-w-3xl'}`}>
<EditorContent editor={editor} />
{slashOpen && filteredSlash.length > 0 && (