improve window management and title bar

This commit is contained in:
talksik
2026-02-21 12:42:43 -08:00
parent 59b973802d
commit 8546260493
26 changed files with 229 additions and 25 deletions
+33
View File
@@ -0,0 +1,33 @@
export function WindowControls() {
return (
<div className="no-drag flex items-center gap-2">
<button
onClick={() => window.electronWindow.close()}
className="group flex h-3 w-3 items-center justify-center rounded-full bg-[#FF5F57] transition-colors hover:bg-[#FF5F57]/80"
aria-label="Close"
>
<svg className="h-1.5 w-1.5 opacity-0 group-hover:opacity-100" viewBox="0 0 6 6" fill="none">
<path d="M1 1L5 5M5 1L1 5" stroke="rgba(0,0,0,0.5)" strokeWidth="1.2" strokeLinecap="round" />
</svg>
</button>
<button
onClick={() => window.electronWindow.minimize()}
className="group flex h-3 w-3 items-center justify-center rounded-full bg-[#FEBC2E] transition-colors hover:bg-[#FEBC2E]/80"
aria-label="Minimize"
>
<svg className="h-1.5 w-1.5 opacity-0 group-hover:opacity-100" viewBox="0 0 6 6" fill="none">
<path d="M1 3H5" stroke="rgba(0,0,0,0.5)" strokeWidth="1.2" strokeLinecap="round" />
</svg>
</button>
<button
onClick={() => window.electronWindow.maximize()}
className="group flex h-3 w-3 items-center justify-center rounded-full bg-[#28C840] transition-colors hover:bg-[#28C840]/80"
aria-label="Maximize"
>
<svg className="h-1.5 w-1.5 opacity-0 group-hover:opacity-100" viewBox="0 0 6 6" fill="none">
<path d="M1 1.5L3 0.5L5 1.5V4.5L3 5.5L1 4.5V1.5Z" stroke="rgba(0,0,0,0.5)" strokeWidth="0.8" />
</svg>
</button>
</div>
);
}