Add weather badge, chore chart, fix controls grid
- Header now shows weather icon + temp from weather.forecast_home_2 next to the connection badge (right side of nav bar) - New ChoreChart widget below TodoWidget on Home view; reads from todo.chores HA entity; items prefixed with a name (Becca: / Chris: / Arabella:) get per-person color coding matching the calendar palette; tap toggles completion - Controls overlay simplified from grid-cols-12 auto-rows-min to a plain grid-cols-2 — removes the uneven gaps between widgets
This commit is contained in:
14
src/App.tsx
14
src/App.tsx
@@ -6,6 +6,7 @@ import { LocksOverlay } from '@/components/locks';
|
||||
import { ControlsOverlay } from '@/components/controls';
|
||||
import { CalendarWidget } from '@/components/calendar';
|
||||
import { TodoWidget } from '@/components/todo';
|
||||
import { ChoreChart } from '@/components/chores';
|
||||
import { SettingsPanel, ConnectionModal } from '@/components/settings';
|
||||
import { CameraOverlay } from '@/components/cameras';
|
||||
import { CameraFeed } from '@/components/cameras/CameraFeed';
|
||||
@@ -99,11 +100,16 @@ function DashboardContent() {
|
||||
<CalendarWidget />
|
||||
</div>
|
||||
)}
|
||||
{config.todoList && (
|
||||
<div className="flex-1 min-w-0">
|
||||
<TodoWidget />
|
||||
<div className="flex-1 min-w-0 flex flex-col gap-3">
|
||||
{config.todoList && (
|
||||
<div className="flex-1 min-h-0">
|
||||
<TodoWidget />
|
||||
</div>
|
||||
)}
|
||||
<div className="flex-1 min-h-0">
|
||||
<ChoreChart />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user