alihan/gemini-fullstack-langgraph-quickstart
1
0
Fork 0
mirror of https://github.com/google-gemini/gemini-fullstack-langgraph-quickstart.git synced 2025-08-08 00:41:45 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #15 from vietnamesekid/main

Browse Source 
Refactor layout and scrolling for chat and welcome screens
This commit is contained in:
Philipp Schmid
2025-06-18 14:52:55 +02:00
committed by GitHub
parent c4969e4545 8304e3f563
commit 3092013397
3 changed files with 5 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/App.tsx
View File

@@ -151,12 +151,7 @@ export default function App() {
return (
<div className="flex h-screen bg-neutral-800 text-neutral-100 font-sans antialiased">
<main className="flex-1 flex flex-col overflow-hidden max-w-4xl mx-auto w-full">
<div
className={`flex-1 overflow-y-auto ${
thread.messages.length === 0 ? "flex" : ""
}`}
>
<main className="h-full w-full max-w-4xl mx-auto">
{thread.messages.length === 0 ? (
<WelcomeScreen
handleSubmit={handleSubmit}
@@ -188,7 +183,6 @@ export default function App() {
historicalActivities={historicalActivities}
/>
)}
</div>
</main>
</div>
);

6
frontend/src/components/ChatMessagesView.tsx
View File

@@ -253,9 +253,9 @@ export function ChatMessagesView({
}
};
return (
<div className="flex flex-col h-full overflow-hidden">
<ScrollArea className="flex-1 min-h-0" ref={scrollAreaRef}>
<div className="p-4 md:p-6 pb-2 space-y-2 max-w-4xl mx-auto">
<div className="flex flex-col h-full">
<ScrollArea className="flex-1 overflow-y-auto" ref={scrollAreaRef}>
<div className="p-4 md:p-6 space-y-2 max-w-4xl mx-auto pt-16">
{messages.map((message, index) => {
const isLast = index === messages.length - 1;
return (

2
frontend/src/components/WelcomeScreen.tsx
View File

@@ -15,7 +15,7 @@ export const WelcomeScreen: React.FC<WelcomeScreenProps> = ({
onCancel,
isLoading,
}) => (
<div className="flex flex-col items-center justify-center text-center px-4 flex-1 w-full max-w-3xl mx-auto gap-4">
<div className="h-full flex flex-col items-center justify-center text-center px-4 flex-1 w-full max-w-3xl mx-auto gap-4">
<div>
<h1 className="text-5xl md:text-6xl font-semibold text-neutral-100 mb-3">
Welcome.