feat: add note width modes

2026-04-27 05:34:11 +02:00
parent fb39c6679a
commit f8721f2a1b
34 changed files with 353 additions and 233 deletions
--- a/src/components/Editor.css
+++ b/src/components/Editor.css
@@ -204,9 +204,14 @@
  width: 100%;
 }

-.editor-content-layout--left .editor-content-wrapper {
-  margin-left: clamp(16px, 6%, 96px);
-  margin-right: auto;
+.editor-content-width--wide .editor-content-wrapper {
+  max-width: min(100%, 1280px);
+  padding-left: clamp(24px, 4vw, 72px);
+  padding-right: clamp(24px, 4vw, 72px);
+}
+
+.editor-content-wrapper--raw {
+  min-height: 0;
 }

 .raw-editor-codemirror {
@@ -332,10 +337,3 @@
    padding: 12px 0;
  }
 }
-
-@container editor (max-width: 900px) {
-  .editor-content-layout--left .editor-content-wrapper {
-    margin-left: auto;
-    margin-right: auto;
-  }
-}