hotel-manage-stack/hvac
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

AC block: mode-driven accent colour, stronger fade when off

Browse source 
Icon and lit fan bars now share one --ac-accent custom property so they can
never drift apart: blue (cool), red (heat), amber (auto/fan), app-primary
default for dry (not in the requested colour spec). Off overrides all of
them with light grey plus a real opacity fade. Applies to both the
Dashboard's ZoneCard and kiosk's KioskZoneBlock via the shared CSS.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
jtricerolph 2026-08-27 14:05:04 +00:00
parent 29340beb7a
commit 0f64500813
3 changed files with 18 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/components/KioskZoneBlock.tsx
View file

@ -58,7 +58,7 @@ export default function KioskZoneBlock({ zone, liveDevices, selectionMode, selec
<div className="kiosk-block-top">
<span className="kiosk-block-zone">{zone.name}</span>
{ac && (
<div className={`ac-block${acOn ? '' : ' off'}`}>
<div className={`ac-block ac-mode-${ac.current_mode || 'unknown'}${acOn ? '' : ' off'}`}>
{ac.remote_locked && <Lock size={12} strokeWidth={1.75} className="ac-lock" />}
<div className="ac-mode-row">
<ModeIcon size={18} strokeWidth={1.75} />

2
frontend/src/components/ZoneCard.tsx
View file

@ -112,7 +112,7 @@ export default function ZoneCard({ zone, onClick }: { zone: ZoneStatus; onClick:
</div>
{ac && (
<div className={`ac-block${acOn ? '' : ' off'}`}>
<div className={`ac-block ac-mode-${ac.current_mode || 'unknown'}${acOn ? '' : ' off'}`}>
{ac.remote_locked && <Lock size={12} strokeWidth={1.75} className="ac-lock" />}
<div className="ac-mode-row">
<ModeIcon size={20} strokeWidth={1.75} />