jackmechem/server-dash
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tile windowing system

Browse source
This commit is contained in:
Jack Mechem 2026-05-22 02:19:57 -07:00
parent c6e6c5ca48
commit 43318fb8cd
35 changed files with 4659 additions and 360 deletions
Download patch file Download diff file Expand all files Collapse all files

12
app/components/PowerCard.tsx
View file

@ -27,13 +27,13 @@ export default function PowerCard({ device, label, delay = 0, toggling = false,
style={{ animationDelay: `${delay}ms` }}
>
<div className="flex items-center justify-between mb-3">
<span className="text-[0.68rem] font-medium tracking-widest uppercase text-foreground-sec">
<span className="text-xs font-medium text-foreground-sec">
{label}
</span>
{device ? (
<div className="flex items-center gap-2">
<span
className={`flex items-center gap-1.5 text-[0.62rem] font-medium uppercase tracking-widest ${
className={`flex items-center gap-1.5 text-[0.7rem] font-medium ${
device.on ? "text-green" : "text-foreground-sec"
}`}
>
@ -48,7 +48,7 @@ export default function PowerCard({ device, label, delay = 0, toggling = false,
<button
onClick={() => onToggle(!device.on)}
disabled={toggling}
className={`text-[0.6rem] font-medium uppercase tracking-widest px-2 py-0.5 rounded-full border transition-colors disabled:opacity-40 disabled:cursor-not-allowed ${
className={`text-[0.7rem] font-medium px-2 py-0.5 rounded-full border transition-colors disabled:opacity-40 disabled:cursor-not-allowed ${
device.on
? "border-red-500/20 text-red-400 hover:bg-red-500/10"
: "border-green/20 text-green hover:bg-green/10"
@ -89,7 +89,7 @@ export default function PowerCard({ device, label, delay = 0, toggling = false,
{(device.today_energy_wh / 1000).toFixed(3)}
<span className="text-foreground-sec text-xs ml-0.5">kWh</span>
</span>
<span className="text-[0.62rem] uppercase tracking-widest text-foreground-sec">
<span className="text-[0.7rem] text-foreground-sec">
Today
</span>
</div>
@ -98,7 +98,7 @@ export default function PowerCard({ device, label, delay = 0, toggling = false,
{(device.month_energy_wh / 1000).toFixed(2)}
<span className="text-foreground-sec text-xs ml-0.5">kWh</span>
</span>
<span className="text-[0.62rem] uppercase tracking-widest text-foreground-sec">
<span className="text-[0.7rem] text-foreground-sec">
Month
</span>
</div>
@ -106,7 +106,7 @@ export default function PowerCard({ device, label, delay = 0, toggling = false,
<span className="text-sm font-medium text-foreground">
{runtimeHours}h {runtimeMins}m
</span>
<span className="text-[0.62rem] uppercase tracking-widest text-foreground-sec">
<span className="text-[0.7rem] text-foreground-sec">
Runtime
</span>
</div>