fix: style tweaks

QingWei-Li · Nov 13, 2019 · 48def76 · 48def76
1 parent bbd8392
commit 48def76
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/src/components/editor/index.tsx b/src/components/editor/index.tsx
@@ -19,13 +19,15 @@ export function Editor(
       autofocus: true,
       theme: "netlify-light",
       lineWrapping: true,
-      value: props.initbody || ""
+      value: props.initbody || "",
+      viewportMargin: Infinity
     });
 
     editor.on("change", () => {
       props.onChange(editor.getValue());
     });
   }, []);
+  const { initbody, ...attrs } = props;
 
-  return <div {...props} ref={r => (refEditor = r)} className="editor"></div>;
+  return <div {...attrs} ref={r => (refEditor = r)} className="editor"></div>;
 }
diff --git a/src/components/editor/style.styl b/src/components/editor/style.styl
@@ -1,5 +1,11 @@
-.editor .CodeMirror
+.editor
   height 100vh
+
+.editor .CodeMirror-scroll
+  min-height 80vh
+
+.editor .CodeMirror
+  height auto
   width 800px
   padding 30px 0 0 0
   box-sizing border-box

diff --git a/src/lambda/render.ts b/src/lambda/render.ts
@@ -40,8 +40,7 @@ export async function handler(event) {
     <html>
     <head>
       <meta charset="utf-8"/>
-      <title>${(title ? title.text : "Untitled") +
-        " - Powered by Typer"}</title>
+      <title>${(title ? title.text : "Untitled") + " - Typer"}</title>
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <meta http-equiv="X-UA-Compatible" content="ie=edge">
       <link href="https://fonts.googleapis.com/css?family=Roboto:400,500|Roboto+Mono" rel="stylesheet">