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

Kiosk: AC block shows setpoint only, right-aligned

Browse source 
Matches the TRV blocks (setpoint only, no room temp) and pins the AC block
flush right in the top row regardless of sibling count.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
jtricerolph 2026-08-26 11:59:53 +00:00
parent f63dd67668
commit f3a73ad273
2 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -66,7 +66,7 @@ export default function KioskZoneBlock({ zone, liveDevices, selectionMode, selec
{[1, 2, 3, 4].map(n => <span key={n} className={n <= fanLevel ? 'on' : ''} />)} {[1, 2, 3, 4].map(n => <span key={n} className={n <= fanLevel ? 'on' : ''} />)}
</div> </div>
</div> </div>
<div className="ac-temp">{fmtTemp(ac.current_target_temp)} / {fmtTemp(ac.current_room_temp)}</div> <div className="ac-temp">{fmtTemp(ac.current_target_temp)}</div>
</div> </div>
)} )}
</div> </div>

1
frontend/src/index.css
View file

@ -482,6 +482,7 @@ table.data tr:last-child td { border-bottom: none; }
.kiosk-block.selected .kiosk-block-check { background: var(--gold); border-color: var(--gold); color: var(--navy); } .kiosk-block.selected .kiosk-block-check { background: var(--gold); border-color: var(--gold); color: var(--navy); }
.kiosk-block-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding-right: 24px; } .kiosk-block-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding-right: 24px; }
.kiosk-block-zone { font-size: 13px; font-weight: 700; color: var(--text-dark); } .kiosk-block-zone { font-size: 13px; font-weight: 700; color: var(--text-dark); }
.kiosk-block-top .ac-block { margin-left: auto; } /* flush right, independent of sibling count */
.kiosk-trv-row { display: flex; gap: 16px; } .kiosk-trv-row { display: flex; gap: 16px; }
.kiosk-trv { display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: 11.5px; font-weight: 600; color: var(--text-mid); } .kiosk-trv { display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: 11.5px; font-weight: 600; color: var(--text-mid); }