scriptoriumadmin/Roo-Code
1
0
Fork 0
mirror of https://github.com/RooVetGit/Roo-Code.git synced 2026-10-11 03:38:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make let's go button sticky

Browse source
This commit is contained in:
Matt Rubens 2025-02-11 12:52:54 -05:00
parent 3715a70f72
commit 873cb1fcc5
1 changed files with 18 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
webview-ui/src/components/welcome/WelcomeView.tsx
View file

@ -21,23 +21,26 @@ const WelcomeView = () => {
}
return (
<div style={{ position: "fixed", top: 0, left: 0, right: 0, bottom: 0, padding: "0 20px" }}>
<h2>Hi, I'm Roo!</h2>
<p>
I can do all kinds of tasks thanks to the latest breakthroughs in agentic coding capabilities and access
to tools that let me create & edit files, explore complex projects, use the browser, and execute
terminal commands (with your permission, of course). I can even use MCP to create new tools and extend
my own capabilities.
</p>
<div className="flex flex-col min-h-screen px-0 pb-5">
<div className="flex-grow">
<h2>Hi, I'm Roo!</h2>
<p>
I can do all kinds of tasks thanks to the latest breakthroughs in agentic coding capabilities and
access to tools that let me create & edit files, explore complex projects, use the browser, and
execute terminal commands (with your permission, of course). I can even use MCP to create new tools
and extend my own capabilities.
</p>
<b>To get started, this extension needs an API provider.</b>
<b>To get started, this extension needs an API provider.</b>
<div style={{ marginTop: "10px" }}>
<ApiOptions fromWelcomeView />
<div style={{ display: "flex", flexDirection: "column", gap: "5px" }}>
<VSCodeButton onClick={handleSubmit} style={{ marginTop: "3px" }}>
Let's go!
</VSCodeButton>
<div className="mt-3">
<ApiOptions fromWelcomeView />
</div>
</div>
<div className="sticky bottom-0 bg-[var(--vscode-editor-background)] py-3">
<div className="flex flex-col gap-1.5">
<VSCodeButton onClick={handleSubmit}>Let's go!</VSCodeButton>
{errorMessage && <span className="text-destructive">{errorMessage}</span>}
</div>
</div>