fix: editor tab key

app/public/app.js

@@ -84,8 +84,10 @@ globalThis.init_editor = () => {
         highlightFormatting: false,
         fencedCodeBlockHighlighting: false,
         xml: false,
-        smartIndent: true,
+        smartIndent: false,
         indentUnit: 4,
+        tabSize: 4,
+        indentWithTabs: false,
         placeholder: "",
         extraKeys: {
             Home: "goLineLeft",
@@ -93,6 +95,7 @@ globalThis.init_editor = () => {
             Enter: (cm) => {
                 cm.replaceSelection("\n");
             },
+            Tab: "insertSoftTab",
         },
     });
 

app/public/style.css

@@ -158,6 +158,7 @@ video {
 
 /* button */
 .button {
+    --h: 35.2px;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -169,7 +170,9 @@ video {
     outline: none;
     border: none;
     width: max-content;
-    height: max-content;
+    height: var(--h);
+    min-height: var(--h);
+    max-height: var(--h);
     transition: background 0.15s;
     text-decoration: none !important;
     user-select: none;
@@ -190,6 +193,7 @@ video {
 
 /* input */
 input {
+    --h: 35.2px;
     padding: var(--pad-2) var(--pad-4);
     background: var(--color-raised);
     color: var(--color-text);
@@ -197,6 +201,9 @@ input {
     border: none;
     width: max-content;
     transition: background 0.15s;
+    height: var(--h);
+    min-height: var(--h);
+    max-height: var(--h);
 }
 
 input:focus {
@@ -373,8 +380,9 @@ img {
 
 blockquote {
     padding-left: 1rem;
-    border-left: solid 5px var(--color-super-lowered);
-    font-style: italic;
+    border-left: solid 5px var(--color-green);
+    color: var(--color-green);
+    opacity: 75%;
 }
 
 /* codemirror/hljs */