gavin/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2026-03-12 17:51:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update AI chat UI

Browse Source
This commit is contained in:
Kamran Ahmed
2025-06-04 15:40:09 +01:00
parent 6b814d5663
commit 884ffc1907
2 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/AIChat/AIChat.tsx
View File

@@ -342,7 +342,7 @@ export function AIChat() {
className="ai-chat relative flex min-h-screen w-full flex-col gap-2 overflow-y-auto bg-gray-100 pb-55"
ref={scrollableContainerRef}
>
<div className="relative mx-auto w-full max-w-2xl grow px-4">
<div className="relative mx-auto w-full max-w-3xl grow px-4">
{shouldShowQuickHelpPrompts && (
<QuickHelpPrompts
onQuestionClick={(question) => {

7
src/components/AIChat/QuickHelpPrompts.tsx
View File

@@ -1,5 +1,4 @@
import { useState } from 'react';
import { QuickActionButton } from './QuickActionButton';
import { cn } from '../../lib/classname';
type QuickHelpPromptsProps = {
@@ -59,10 +58,10 @@ export function QuickHelpPrompts(props: QuickHelpPromptsProps) {
{quickActions.map((action, index) => (
<button
className={cn(
'pointer-events-auto flex shrink-0 cursor-pointer items-center gap-2 rounded-lg border border-gray-200 bg-white px-2 py-1.5 text-sm hover:bg-gray-100 hover:text-black',
'pointer-events-auto flex shrink-0 cursor-pointer items-center gap-2 rounded-lg border bg-white px-2 py-1.5 text-sm hover:bg-gray-100 hover:text-black',
selectedActionIndex === index
? 'bg-white text-black'
: 'bg-gray-100 text-gray-500',
? 'border-gray-300 bg-white text-black hover:bg-white'
: 'border-gray-300 bg-gray-100 text-gray-500 hover:border-gray-300 hover:bg-gray-50',
)}
onClick={() => setSelectedActionIndex(index)}
>