Adeen commited on
Commit
db584ca
·
1 Parent(s): e305dc7

style: remove width constraints to allow full-width notes

Browse files
src/components/MarkdownView.tsx CHANGED
@@ -5,7 +5,7 @@ import rehypeKatex from "rehype-katex";
5
 
6
  export default function MarkdownView({ children }: { children: string }) {
7
  return (
8
- <div className="max-w-6xl mx-auto py-8 px-4 sm:px-12 bg-slate-900/30 rounded-2xl border border-slate-800/50 backdrop-blur-sm shadow-2xl">
9
  <ReactMarkdown
10
  remarkPlugins={[remarkGfm, remarkMath]}
11
  rehypePlugins={[rehypeKatex]}
 
5
 
6
  export default function MarkdownView({ children }: { children: string }) {
7
  return (
8
+ <div className="max-w-none w-full py-8 px-4 sm:px-16 bg-slate-900/30 rounded-2xl border border-slate-800/50 backdrop-blur-sm shadow-2xl">
9
  <ReactMarkdown
10
  remarkPlugins={[remarkGfm, remarkMath]}
11
  rehypePlugins={[rehypeKatex]}
src/pages/DocumentWorkspace.tsx CHANGED
@@ -280,7 +280,7 @@ export default function DocumentWorkspace() {
280
  </div>
281
 
282
  <div className="flex-1 overflow-y-auto">
283
- <TabsContent value="notes" className="m-0 p-4 sm:p-6 max-w-3xl mx-auto animate-fade-in">
284
  {note?.markdown ? (
285
  <div className="space-y-4">
286
  <MarkdownView>{note.markdown}</MarkdownView>
 
280
  </div>
281
 
282
  <div className="flex-1 overflow-y-auto">
283
+ <TabsContent value="notes" className="m-0 p-4 sm:p-6 w-full animate-fade-in">
284
  {note?.markdown ? (
285
  <div className="space-y-4">
286
  <MarkdownView>{note.markdown}</MarkdownView>