fix: restore flex layout to ensure HUD renders in transparent Electron window

This commit is contained in:
Etienne Lescot
2026-03-27 14:04:04 +01:00
parent 0a5e57ce76
commit 317089d57f
+5 -3
View File
@@ -229,7 +229,9 @@ export function LaunchWindow() {
};
return (
<div className={`w-full h-full bg-transparent relative ${styles.electronDrag}`}>
<div
className={`w-full h-full flex items-end justify-center bg-transparent relative ${styles.electronDrag}`}
>
{/* Language switcher — top-left, beside traffic lights */}
<div
className={`absolute top-2 flex items-center gap-1 px-2 py-1 rounded-md text-white/50 hover:text-white/90 hover:bg-white/10 transition-all duration-150 ${isMac ? "left-[72px]" : "left-2"} ${styles.electronNoDrag}`}
@@ -252,7 +254,7 @@ export function LaunchWindow() {
{/* Device selectors — float above the HUD bar, anchored to the window */}
{(showMicControls || showWebcamControls) && (
<div
className={`absolute bottom-[68px] left-1/2 -translate-x-1/2 flex items-center gap-2 animate-mic-panel-in ${styles.electronNoDrag}`}
className={`absolute bottom-[60px] left-1/2 -translate-x-1/2 flex items-center gap-2 animate-mic-panel-in ${styles.electronNoDrag}`}
>
{/* Mic selector */}
{showMicControls && (
@@ -350,7 +352,7 @@ export function LaunchWindow() {
{/* HUD bar — always at bottom center, never moves */}
<div
className={`absolute bottom-4 left-1/2 -translate-x-1/2 flex items-center gap-1.5 px-2 py-1.5 rounded-full shadow-hud-bar bg-gradient-to-br from-[rgba(28,28,36,0.97)] to-[rgba(18,18,26,0.96)] backdrop-blur-[16px] backdrop-saturate-[140%] border border-[rgba(80,80,120,0.25)]`}
className={`mb-4 flex items-center gap-1.5 px-2 py-1.5 rounded-full shadow-hud-bar bg-gradient-to-br from-[rgba(28,28,36,0.97)] to-[rgba(18,18,26,0.96)] backdrop-blur-[16px] backdrop-saturate-[140%] border border-[rgba(80,80,120,0.25)]`}
>
{/* Drag handle */}
<div className={`flex items-center px-1 ${styles.electronDrag}`}>