From 6d1335d02ce62469184463e0a1a7979a04090db8 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 28 Mar 2025 20:23:24 +0000
Subject: [PATCH] Refactor UI
---
src/components/GenerateCourse/AICourseLesson.tsx | 6 +++---
src/components/GenerateCourse/AICourseLessonChat.tsx | 2 +-
2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/src/components/GenerateCourse/AICourseLesson.tsx b/src/components/GenerateCourse/AICourseLesson.tsx
index 7be7aa76d..170d7e16b 100644
--- a/src/components/GenerateCourse/AICourseLesson.tsx
+++ b/src/components/GenerateCourse/AICourseLesson.tsx
@@ -109,7 +109,7 @@ export function AICourseLesson(props: AICourseLessonProps) {
{
role: 'assistant',
content:
- 'Hey, I am your AI instructor. Here are some examples of what you can ask me about 🤖',
+ 'Hey, I am your AI instructor. How can I help you today? 🤖',
isDefault: true,
},
]);
@@ -268,7 +268,7 @@ export function AICourseLesson(props: AICourseLessonProps) {
<div className="h-full">
<ResizablePanelGroup direction="horizontal">
<ResizablePanel
- defaultSize={isAIChatsOpen ? 60 : 100}
+ defaultSize={isAIChatsOpen ? 70 : 100}
minSize={40}
id="course-text-content"
className="h-full !overflow-y-scroll bg-white"
@@ -292,7 +292,7 @@ export function AICourseLesson(props: AICourseLessonProps) {
</div>
{!isGenerating && !isLoading && (
- <div className="absolute right-6 top-6 flex items-center justify-between gap-2">
+ <div className="absolute top-2 right-2 lg:right-6 lg:top-6 flex items-center justify-between gap-2">
<button
onClick={() => setIsAIChatsOpen(!isAIChatsOpen)}
className="rounded-full p-1 text-gray-400 hover:text-black max-lg:hidden"
diff --git a/src/components/GenerateCourse/AICourseLessonChat.tsx b/src/components/GenerateCourse/AICourseLessonChat.tsx
index 6936105a3..2fb31badb 100644
--- a/src/components/GenerateCourse/AICourseLessonChat.tsx
+++ b/src/components/GenerateCourse/AICourseLessonChat.tsx
@@ -211,7 +211,7 @@ export function AICourseLessonChat(props: AICourseLessonChatProps) {
return (
<ResizablePanel
- defaultSize={isAIChatsOpen ? 40 : 0}
+ defaultSize={isAIChatsOpen ? 30 : 0}
minSize={20}
id="course-chat-content"
order={2}