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;
}