styles: update layout for center

unit-mesh · Nov 23, 2023 · 24bb9bb · 24bb9bb
1 parent a5c074e
commit 24bb9bb
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 5 deletions.
diff --git a/components/editor/live-editor.jsx b/components/editor/live-editor.jsx
@@ -85,6 +85,7 @@ const LiveEditor = () => {
   return (
     <div>
       <div className={'domain-buttons'}>
+        <span className={"scene-text"}>Scene: (Todo)</span>
         <button disabled={true} className={'domain-button'}>Blog</button>
         <button disabled={true} className={'domain-button'}>Weekly Report</button>
         <button disabled={true} className={'domain-button'}>Meeting Notes</button>

diff --git 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
@@ -1,5 +1,6 @@
 .container {
   padding: 0 0.5rem;
+  margin: 0 auto;
 }
 
 .title a {

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