diff --git a/components/editor/live-editor.jsx b/components/editor/live-editor.jsx index ba0519a..e8886d9 100644 --- a/components/editor/live-editor.jsx +++ b/components/editor/live-editor.jsx @@ -85,6 +85,7 @@ const LiveEditor = () => { return (
+ Scene: (Todo) diff --git a/pages/editor.css b/pages/editor.css index 1da5bc0..a934fd9 100644 --- a/pages/editor.css +++ b/pages/editor.css @@ -2,6 +2,10 @@ @import '@radix-ui/colors/mauve.css'; @import '@radix-ui/colors/violet.css'; +.tiptap { + font-size: 1.1em; +} + /* Basic editor styles */ .tiptap > * + * { margin-top: 0.75em; diff --git a/styles/Home.module.css b/styles/Home.module.css index 6c557ec..24d608a 100644 --- a/styles/Home.module.css +++ b/styles/Home.module.css @@ -1,5 +1,6 @@ .container { padding: 0 0.5rem; + margin: 0 auto; } .title a { diff --git a/styles/global.css b/styles/global.css index d50777c..87bb70e 100644 --- a/styles/global.css +++ b/styles/global.css @@ -34,6 +34,10 @@ img { height: auto; } +.prose { + max-width: 100vw; +} + .bb-editor-inner { margin-top: 1rem; } @@ -229,7 +233,7 @@ input { } .editor-section { - margin: 1rem; + margin: 1rem auto; padding: 1rem; flex-basis: 45%; border: 1px solid #0070f3; @@ -239,16 +243,22 @@ input { min-height: 80vh; } +.scene-text { + font-size: 1.2rem; + line-height: 1.5; + color: var(--mauve-11); +} + .domain-buttons { width: 800px; - margin: 1rem; + margin: 1rem auto; display: flex; flex-wrap: wrap; + justify-content: center; } .domain-button { background-color: var(--violet-3); - color: var(--violet-11); border-radius: 6px; padding: 0.2rem 2rem; margin-right: 0.2rem; @@ -260,7 +270,7 @@ input { } .domain-button:disabled { - background-color: var(--violet-4); - color: var(--violet-11); + background-color: #eee; + color: #fff; cursor: not-allowed; }