fix: correct version indicator placement on welcome screen

- Moved VersionIndicator to be a direct child of the main welcome screen container
- This ensures proper absolute positioning relative to the entire welcome area
- Fixes layout issue where the version indicator was misaligned due to nested container positioning
This commit is contained in:
Roo Code 2025-08-21 23:16:25 +00:00
parent 0b8d41e617
commit e402468fc7

View file

@ -1814,6 +1814,16 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
</>
) : (
<div className="flex-1 min-h-0 overflow-y-auto flex flex-col gap-4 relative">
{/* Version indicator in top-right corner - only on welcome screen */}
<VersionIndicator
onClick={() => {
setShowAnnouncementModal(true)
onVersionIndicatorClick?.()
}}
showBadge={hasNewAnnouncement}
className="absolute top-2 right-3 z-10"
/>
{/* Moved Task Bar Header Here */}
{tasks.length !== 0 && (
<div className="flex text-vscode-descriptionForeground w-full mx-auto px-5 pt-3">
@ -1829,16 +1839,6 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
)}
<div
className={` w-full flex flex-col gap-4 m-auto ${isExpanded && tasks.length > 0 ? "mt-0" : ""} px-3.5 min-[370px]:px-10 pt-5 transition-all duration-300`}>
{/* Version indicator in top-right corner - only on welcome screen */}
<VersionIndicator
onClick={() => {
setShowAnnouncementModal(true)
onVersionIndicatorClick?.()
}}
showBadge={hasNewAnnouncement}
className="absolute top-2 right-3 z-10"
/>
<RooHero />
{telemetrySetting === "unset" && <TelemetryBanner />}