align splash (#16)

Author: Himanshu-Singh-Chauhan

webview-ui/src/components/chat/ChatView.tsx

@@ -1008,26 +1008,31 @@ const ChatView = ({ isHidden, showAnnouncement, hideAnnouncement, showHistoryVie
 					{showAnnouncement && <Announcement version={version} hideAnnouncement={hideAnnouncement} />}
 					{messages.length === 0 && (
 						<>
-							<div className="max-w-2xl mx-auto w-full h-[calc(100vh-270px)] text-center flex flex-col justify-center">
-								<div className="w-full text-center flex flex-col items-center justify-center relative gap-5">
-									<img src={splashIcon} alt="..." />
-									<div className="w-[300px] flex-col justify-start items-start gap-5 inline-flex">
+							<div className="absolute top-0 left-0 my-1 w-full h-[calc(100vh-210px)] text-center flex flex-col justify-center">
+								<div className="w-full h-[700px] text-center flex flex-col items-center justify-center relative gap-5">
+									<div className="flex-1 flex absolute bottom-[260px] items-center justify-center">
+										<img src={splashIcon} alt="..." />
+									</div>
+									<div className="w-[300px] h-[240px] absolute bottom-0 overflow-hidden flex-col justify-start items-start gap-5 inline-flex">
 										<div className="flex flex-col text-left">
 											<div className="text-2xl">PearAI Coding Agent</div>
 											<div className="h-[18px] opacity-50 text-xs leading-[18px]">
 												Powered by Roo Code / Cline
 											</div>
 										</div>
-									</div>
-									<div className="w-[300px] text-left opacity-50 text-xs leading-[18px]">
-										Autonomous coding agent that has access to your development environment (with
-										your permission) for a feedback loop to add features, fix bugs, and more.
+										<div className="flex flex-col gap-5  h-[100px] overflow-hidden">
+											<div className="w-[300px] text-left opacity-50 text-xs leading-[18px]">
+												Autonomous coding agent that has access to your development environment
+												(with your permission) for a feedback loop to add features, fix bugs,
+												and more.
+											</div>
+										</div>
 									</div>
 								</div>
 							</div>
 						</>
 					)}
-					{taskHistory.length > 0 && <HistoryPreview showHistoryView={showHistoryView} />}
+					{/* {taskHistory.length > 0 && <HistoryPreview showHistoryView={showHistoryView} />} */}
 				</div>
 			)}