feat: Whe sidebar is closed the bug button is overlapping the l...

This commit is contained in:
Kacper
2025-12-15 20:07:27 +01:00
parent 93d1d2c41a
commit 96c4383b29

View File

@@ -1394,27 +1394,53 @@ export function Sidebar() {
</div> </div>
)} )}
</div> </div>
{/* Bug Report Button */} {/* Bug Report Button - Only visible in expanded sidebar */}
<button {sidebarOpen && (
onClick={() => { <button
const api = getElectronAPI(); onClick={() => {
api.openExternalLink( const api = getElectronAPI();
"https://github.com/AutoMaker-Org/automaker/issues" api.openExternalLink(
); "https://github.com/AutoMaker-Org/automaker/issues"
}} );
className={cn( }}
"titlebar-no-drag p-1.5 rounded-lg absolute right-3", className={cn(
"text-muted-foreground hover:text-foreground hover:bg-accent/80", "titlebar-no-drag p-1.5 rounded-lg absolute right-3",
"transition-all duration-200 ease-out", "text-muted-foreground hover:text-foreground hover:bg-accent/80",
"hover:scale-105 active:scale-95" "transition-all duration-200 ease-out",
)} "hover:scale-105 active:scale-95"
title="Report Bug / Feature Request" )}
data-testid="bug-report-link" title="Report Bug / Feature Request"
> data-testid="bug-report-link"
<Bug className="w-4 h-4" /> >
</button> <Bug className="w-4 h-4" />
</button>
)}
</div> </div>
{/* Bug Report Button - Collapsed sidebar version */}
{!sidebarOpen && (
<div className="flex items-center justify-center px-3 py-2.5">
<button
onClick={() => {
const api = getElectronAPI();
api.openExternalLink(
"https://github.com/AutoMaker-Org/automaker/issues"
);
}}
className={cn(
"titlebar-no-drag p-1.5 rounded-lg",
"text-muted-foreground hover:text-foreground hover:bg-accent/80",
"transition-all duration-200 ease-out",
"hover:scale-105 active:scale-95"
)}
title="Report Bug / Feature Request"
data-testid="bug-report-link-collapsed"
>
<Bug className="w-4 h-4" />
</button>
</div>
)}
{/* Project Actions - Moved above project selector */} {/* Project Actions - Moved above project selector */}
{sidebarOpen && ( {sidebarOpen && (
<div className="flex items-center gap-2.5 titlebar-no-drag px-3 mt-4"> <div className="flex items-center gap-2.5 titlebar-no-drag px-3 mt-4">