info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-09-25 00:21:28 +02:00
Code Issues Releases Wiki Activity

Fix persona form

Browse Source
This commit is contained in:
Kamran Ahmed
2025-05-27 16:59:41 +01:00
parent 2e43e0615f
commit e7aa75fa9b
2 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/RoadmapAIChat/RoadmapAIChat.tsx
View File

@@ -53,7 +53,6 @@ import {
getTailwindScreenDimension,
type TailwindScreenDimensions,
} from '../../lib/is-mobile';
import { UserPersonaForm } from '../UserPersona/UserPersonaForm';
import { ChatPersona } from '../UserPersona/ChatPersona';
import { userPersonaOptions } from '../../queries/user-persona';
import { UpdatePersonaModal } from '../UserPersona/UpdatePersonaModal';
@@ -434,7 +433,7 @@ export function RoadmapAIChat(props: RoadmapAIChatProps) {
setActiveTab('chat');
setIsChatMobileVisible(true);
}}
className="relative overflow-hidden rounded-full bg-stone-900 px-4 py-2 text-center text-white shadow-2xl hover:bg-stone-800"
className="relative w-max overflow-hidden rounded-full bg-stone-900 px-4 py-2 text-center text-white shadow-2xl hover:bg-stone-800"
>
<span className="relative z-20 flex items-center gap-2 text-sm">
<Bot className="size-5 text-yellow-400" />

10
src/components/UserPersona/ChatPersona.tsx
View File

@@ -42,15 +42,15 @@ export function ChatPersona(props: ChatPersonaProps) {
const roadmapTitle = roadmap?.json.title ?? '';
return (
<div className="relative mx-auto flex h-full max-w-[400px] grow flex-col justify-center p-4">
<div className="mb-8 text-center">
<div className="relative mx-auto flex h-auto px-4 sm:h-full max-w-[400px] grow flex-col justify-center p-4 sm:p-4 px-2">
<div className="mb-4 sm:mb-8 text-left sm:text-center">
<img
src="/images/gifs/wave.gif"
alt="Wave"
className="mx-auto mb-5 h-24 w-24"
className="hidden sm:block mx-auto mb-3 sm:mb-5 h-16 sm:h-24 w-16 sm:w-24"
/>
<h2 className="text-xl font-semibold">Welcome to the AI Tutor</h2>
<p className="mt-1 text-sm text-balance text-gray-500">
<h2 className="text-lg sm:text-xl font-semibold">Welcome to the AI Tutor</h2>
<p className="mt-1 text-xs sm:text-sm text-balance text-gray-500 pr-8 sm:px-0">
Before we start, answer these questions so we can help you better.
</p>
</div>