remove max width from editor input component

stilt0n · Dec 22, 2024 · 9252467 · 9252467
1 parent dac05c7
commit 9252467
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/app/globals.css b/app/globals.css
@@ -17,3 +17,9 @@
 .rendered-recipe.prose {
   max-width: 55rem;
 }
+
+.recipe-editor.prose {
+  max-width: none;
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
diff --git a/components/editor/editor-input.client.tsx b/components/editor/editor-input.client.tsx
@@ -43,7 +43,7 @@ const EditorInput = ({
         id={editorId}
         editor={editor}
         className={cn(
-          'prose prose-zinc bg-white',
+          'prose prose-zinc recipe-editor bg-white',
           'outline outline-1 outline-zinc-200 rounded-sm focus-within:outline-2 focus-within:outline-zinc-400',
           props.className
         )}

diff --git a/components/recipe-edit-form.client.tsx b/components/recipe-edit-form.client.tsx
@@ -119,7 +119,9 @@ export const RecipeForm = ({
               : undefined
           }
         />
-        <Button type='submit'>Submit</Button>
+        <Button className='mt-6' type='submit'>
+          Submit
+        </Button>
       </form>
     </>
   );