info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-29 03:59:54 +02:00
Code Issues Releases Wiki Activity

Responsiveness of course content

Browse Source
This commit is contained in:
Kamran Ahmed
2025-03-08 16:15:34 +00:00
parent 0327ca74c4
commit cee09328c4
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/GenerateCourse/AICourseModuleView.tsx
View File

@@ -193,7 +193,7 @@ export function AICourseModuleView(props: AICourseModuleViewProps) {
return ( return (
<div className="mx-auto max-w-4xl"> <div className="mx-auto max-w-4xl">
<div className="relative rounded-lg border border-gray-200 bg-white p-6 shadow-sm max-lg:pt-3 max-lg:px-4 max-lg:pb-4"> <div className="relative rounded-lg border border-gray-200 bg-white p-6 shadow-sm max-lg:px-4 max-lg:pb-4 max-lg:pt-3">
{(isGenerating || isLoading) && ( {(isGenerating || isLoading) && (
<div className="absolute right-3 top-3 flex items-center justify-center"> <div className="absolute right-3 top-3 flex items-center justify-center">
<Loader2Icon <Loader2Icon
@@ -250,13 +250,13 @@ export function AICourseModuleView(props: AICourseModuleViewProps) {
)} )}
</div> </div>
<h1 className="mb-6 max-lg:mb-3 max-lg:text-xl text-balance text-3xl font-semibold"> <h1 className="mb-6 text-balance text-3xl font-semibold max-lg:mb-3 max-lg:text-xl">
{currentLessonTitle?.replace(/^Lesson\s*?\d+[\.:]\s*/, '')} {currentLessonTitle?.replace(/^Lesson\s*?\d+[\.:]\s*/, '')}
</h1> </h1>
{!error && isLoggedIn() && ( {!error && isLoggedIn() && (
<div <div
className="course-content max-lg:prose-pre:text-sm max-lg:prose-pre:px-3 max-lg:prose-h3:text-base max-lg:prose-h2:text-lg max-lg:prose-h2:mt-3 prose prose-lg max-lg:mt-4 max-lg:text-base mt-8 max-w-full text-black prose-headings:mb-3 prose-headings:mt-8 prose-blockquote:font-normal prose-pre:rounded-2xl prose-pre:text-lg prose-li:my-1 prose-thead:border-zinc-800 prose-tr:border-zinc-800" className="course-content prose prose-lg mt-8 max-w-full text-black prose-headings:mb-3 prose-headings:mt-8 prose-blockquote:font-normal prose-pre:rounded-2xl prose-pre:text-lg prose-li:my-1 prose-thead:border-zinc-800 prose-tr:border-zinc-800 max-lg:mt-4 max-lg:text-base max-lg:prose-h2:mt-3 max-lg:prose-h2:text-lg max-lg:prose-h3:text-base max-lg:prose-pre:px-3 max-lg:prose-pre:text-sm"
dangerouslySetInnerHTML={{ __html: lessonHtml }} dangerouslySetInnerHTML={{ __html: lessonHtml }}
/> />
)} )}
@@ -281,27 +281,27 @@ export function AICourseModuleView(props: AICourseModuleViewProps) {
onClick={onGoToPrevLesson} onClick={onGoToPrevLesson}
disabled={cantGoBack} disabled={cantGoBack}
className={cn( className={cn(
'flex items-center rounded-full px-4 py-2 disabled:opacity-50', 'flex items-center rounded-full px-4 py-2 disabled:opacity-50 max-lg:px-3 max-lg:py-1.5 max-lg:text-sm',
cantGoBack cantGoBack
? 'cursor-not-allowed text-gray-400' ? 'cursor-not-allowed text-gray-400'
: 'bg-gray-100 text-gray-700 hover:bg-gray-200', : 'bg-gray-100 text-gray-700 hover:bg-gray-200',
)} )}
> >
<ChevronLeft size={16} className="mr-2" /> <ChevronLeft size={16} className="mr-2" />
Previous Lesson Previous <span className="hidden lg:inline">&nbsp;Lesson</span>
</button> </button>
<button <button
onClick={onGoToNextLesson} onClick={onGoToNextLesson}
disabled={cantGoForward} disabled={cantGoForward}
className={cn( className={cn(
'flex items-center rounded-full px-4 py-2 disabled:opacity-50', 'flex items-center rounded-full px-4 py-2 disabled:opacity-50 max-lg:px-3 max-lg:py-1.5 max-lg:text-sm',
cantGoForward cantGoForward
? 'cursor-not-allowed text-gray-400' ? 'cursor-not-allowed text-gray-400'
: 'bg-gray-800 text-white hover:bg-gray-700', : 'bg-gray-800 text-white hover:bg-gray-700',
)} )}
> >
Next Lesson Next <span className="hidden lg:inline">&nbsp;Lesson</span>
<ChevronRight size={16} className="ml-2" /> <ChevronRight size={16} className="ml-2" />
</button> </button>
</div> </div>