adjusting stylings

2026-09-17 10:00:46 -04:00 · 2026-09-08 23:52:25 -04:00
parent d3fd3946e6
commit 6ca7cc0cf0
14 changed files with 198 additions and 109 deletions
@@ -20,10 +20,11 @@ export default function AccessoriesExpansion({ roverId }) {
        label="Accessories"
        ariaLabel={open ? 'Hide accessory controls' : 'Show accessory controls'}
        onClick={() => setOpen(!open)}
-        className={`pointer-events-auto !h-28 rounded-l-none ${open ? 'rounded-r-none' : ''}`}
+        hud
+        className="pointer-events-auto !h-28"
      />
      {open ? (
-        <div className="pointer-events-auto h-[70%] min-h-48 max-h-[32rem] w-72 overflow-hidden rounded-r-xl border-2 border-l-0 border-cyan-300/70 bg-slate-950/95 shadow-2xl">
+        <div className="pointer-events-auto h-[70%] min-h-48 max-h-[32rem] w-64 overflow-hidden rounded-r-xl bg-black/60 p-0.5">
          {/* This is exactly the renderer mounted by AuxColumn. The desktop
              wrapper changes available dimensions, never control behavior. */}
          <RoverAccessoryControls roverId={roverId} className="h-full" />