legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-16 09:31:20 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

light panel adjustments

Browse Source
This commit is contained in:
legop3
2026-01-27 20:08:04 -05:00
parent eea1774549
commit f3cc73f178
5 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/src/components/HomeAssistantControls.jsx
+4 -4
View File
@@ -131,7 +131,7 @@ function EntityRow({ entity, connected, onToggle, onSetColor }) {
type="button"
onClick={() => onToggle(entity.id)}
disabled={disableToggle}
className={`relative flex min-w-[10rem] flex-1 items-start justify-between gap-0.5 rounded px-1 py-0.5 text-left transition-colors ${toneStyles} disabled:opacity-60 disabled:hover:bg-inherit`}
className={`relative flex min-w-[12rem] flex-[1_1_12rem] items-start justify-between gap-0.5 rounded px-1 py-0.5 text-left transition-colors ${toneStyles} disabled:opacity-60 disabled:hover:bg-inherit`}
>
<div className="min-w-0 flex-1">
<div className="flex items-center gap-0.5 text-sm leading-normal">
@@ -216,7 +216,7 @@ export default function HomeAssistantControls() {
if (!ha?.enabled) {
return (
<section className="panel-section space-y-0.5 text-sm text-slate-400">
<p className="text-slate-300">Light Controls</p>
<p className="text-slate-300">Room Controls</p>
<p className="text-slate-500">Not configured on the server.</p>
</section>
);
@@ -225,7 +225,7 @@ export default function HomeAssistantControls() {
if (entities.length === 0) {
return (
<section className="panel-section space-y-0.5 text-sm text-slate-400">
<p className="text-slate-300">Light Controls</p>
<p className="text-slate-300">Room Controls</p>
<p className="text-slate-500">No lights or switches configured.</p>
</section>
);
@@ -237,7 +237,7 @@ export default function HomeAssistantControls() {
<section className="panel-section space-y-0.5 text-base">
<header className="flex items-center justify-between gap-0.5 text-sm text-slate-400">
<div className="flex items-center gap-0.5">
<p>Light Controls</p>
<p>Room Controls</p>
<span className="text-xs text-slate-500">{entities.length}</span>
<div className="flex items-center gap-0.5 text-xs text-slate-300 background-black">
<span className="flex items-center gap-0.5">