alex/canvasManagement
1
0
Fork 0
mirror of https://github.com/alexmickelson/canvasManagement.git synced 2026-03-27 07:58:31 -06:00
Code Issues Packages Projects Releases Wiki Activity

lecture styling

Browse Source
This commit is contained in:
Alex Mickelson
2025-07-15 13:39:29 -06:00
parent 43ed57e558
commit 2b11106f02
3 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/course/[courseName]/lecture/[lectureDay]/EditLecture.tsx
View File

@@ -16,6 +16,7 @@ import { useCourseContext } from "../../context/courseContext";
import { useLocalCourseSettingsQuery } from "@/hooks/localCourse/localCoursesHooks"; import { useLocalCourseSettingsQuery } from "@/hooks/localCourse/localCoursesHooks";
import { Lecture } from "@/models/local/lecture"; import { Lecture } from "@/models/local/lecture";
import { useAuthoritativeUpdates } from "../../utils/useAuthoritativeUpdates"; import { useAuthoritativeUpdates } from "../../utils/useAuthoritativeUpdates";
import { EditLayout } from "@/components/EditLayout";
export default function EditLecture({ lectureDay }: { lectureDay: string }) { export default function EditLecture({ lectureDay }: { lectureDay: string }) {
const { courseName } = useCourseContext(); const { courseName } = useCourseContext();
@@ -85,10 +86,10 @@ export default function EditLecture({ lectureDay }: { lectureDay: string }) {
textUpdate, textUpdate,
updateLecture, updateLecture,
]); ]);
return ( return (
<div className="h-full flex flex-col"> <EditLayout
<EditLectureTitle lectureDay={lectureDay} /> Header={<EditLectureTitle lectureDay={lectureDay} />}
Body={
<div className="sm:columns-2 min-h-0 flex-1"> <div className="sm:columns-2 min-h-0 flex-1">
<div className="flex-1 h-full"> <div className="flex-1 h-full">
<MonacoEditor key={monacoKey} value={text} onChange={textUpdate} /> <MonacoEditor key={monacoKey} value={text} onChange={textUpdate} />
@@ -98,8 +99,9 @@ export default function EditLecture({ lectureDay }: { lectureDay: string }) {
{lecture && <LecturePreview lecture={lecture} />} {lecture && <LecturePreview lecture={lecture} />}
</div> </div>
</div> </div>
<LectureButtons lectureDay={lectureDay} /> }
</div> Footer={<LectureButtons lectureDay={lectureDay} />}
/>
); );
} }

2
src/app/course/[courseName]/lecture/[lectureDay]/preview/LecturePreviewPage.tsx
View File

@@ -42,7 +42,7 @@ export default function LecturePreviewPage({
<div <div
className=" className="
w-full max-w-screen-lg w-full max-w-screen-lg
border-slate-700 border-4 rounded-md border-slate-700 border-4 rounded-md bg-gray-900/50
p-3 overflow-auto p-3 overflow-auto
" "
> >

2
src/services/htmlMarkdownUtils.ts
View File

@@ -23,7 +23,7 @@ const mermaidExtension = {
}, },
renderer(token: { text: string }) { renderer(token: { text: string }) {
const base64 = btoa(token.text); const base64 = btoa(token.text);
const url = `https://mermaid.ink/img/${base64}?type=png` const url = `https://mermaid.ink/img/${base64}?type=svg`
console.log(token.text, url); console.log(token.text, url);
return `<img src="${url}" alt="Mermaid diagram" />`; return `<img src="${url}" alt="Mermaid diagram" />`;
}, },