diff --git a/src/app/chatbot/page.tsx b/src/app/chatbot/page.tsx index a0e8fa7..3824ef8 100644 --- a/src/app/chatbot/page.tsx +++ b/src/app/chatbot/page.tsx @@ -69,55 +69,54 @@ const Page = () => { - - + + AI 산지니에 대해서 궁금해? - - - {chatbotIntro} - - + + {chatbotIntro} + + + { display: 'flex', flexDirection: 'column', alignItems: 'center', - justifyContent: 'center', - height: 'calc(100vh - 100px)', + px: '1rem', }} > - - + + AI 산지니야 반가워~ { alignItems: 'center', justifyContent: 'flex-start', width: '100%', - height: '100%', + minHeight: '70%', overflowY: 'auto', - padding: '0 2rem', }} > - ); diff --git a/src/app/insight/page.tsx b/src/app/insight/page.tsx index 367f34c..795c638 100644 --- a/src/app/insight/page.tsx +++ b/src/app/insight/page.tsx @@ -27,8 +27,8 @@ const Page = () => { } return ( - - + + diff --git a/src/components/ChatInput.tsx b/src/components/ChatInput.tsx index b6cf327..6155962 100644 --- a/src/components/ChatInput.tsx +++ b/src/components/ChatInput.tsx @@ -34,9 +34,8 @@ const ChatInput = ({ onSendMessage }: ChatInputProps) => { sx={{ display: 'flex', width: '100%', - maxWidth: '600px', + maxWidth: '80%', borderRadius: '20px', - boxShadow: '0px 4px 12px rgba(0, 0, 0, 0.1)', }} > { disabled={userMessage.trim() === ''} placeholder="AI 산지니에게 대화를 요청해보세요!" sx={{ + boxShadow: '0px 4px 12px rgba(0, 0, 0, 0.1)', marginRight: '1rem', backgroundColor: 'rgba(255, 255, 255, 0.8)', borderRadius: '20px', @@ -61,6 +61,7 @@ const ChatInput = ({ onSendMessage }: ChatInputProps) => {