fix(hud): prevent close-icon clipping and improve Windows mic dropdown contrast

- Expand HUD width so right-side controls stay inside the bar
- Force dark select/option styling for microphone device dropdown readability on Windows
This commit is contained in:
webadderall
2026-03-15 00:40:07 +11:00
parent 474c9c78d4
commit dadcb56f53
2 changed files with 11 additions and 2 deletions
@@ -40,3 +40,12 @@
opacity: 0.7;
background: none !important;
}
.micSelect {
color-scheme: dark;
}
.micSelect option {
background-color: #131722;
color: #e5e7eb;
}
+2 -2
View File
@@ -164,7 +164,7 @@ export function LaunchWindow() {
setSelectedDeviceId(event.target.value);
setMicrophoneDeviceId(event.target.value);
}}
className="max-w-[230px] rounded-full border border-white/15 bg-white/10 px-3 py-1 text-xs text-white outline-none"
className={`max-w-[230px] rounded-full border border-white/15 bg-[#131722] px-3 py-1 text-xs text-slate-100 outline-none ${styles.micSelect}`}
>
{devices.map((device) => (
<option key={device.deviceId} value={device.deviceId}>
@@ -177,7 +177,7 @@ export function LaunchWindow() {
)}
<div
className={`w-full max-w-[500px] mx-auto flex items-center gap-1.5 px-3 py-2 ${styles.electronDrag} ${styles.hudBar}`}
className={`w-full max-w-[560px] mx-auto flex items-center gap-1.5 px-3 py-2 ${styles.electronDrag} ${styles.hudBar}`}
style={{
borderRadius: 9999,
background: "linear-gradient(135deg, rgba(28,28,36,0.97) 0%, rgba(18,18,26,0.96) 100%)",