- Enhance layout and responsiveness of camera components
- update system health hook for periodic refetching
This commit is contained in:
@@ -38,7 +38,7 @@ const SystemHealth = ({ startTime, uptime, statuses, isLoading, isError, dateUpd
|
||||
return <span className="text-slate-500">Loading system health…</span>;
|
||||
}
|
||||
return (
|
||||
<div className="h-100 md:h-75 overflow-y-auto flex flex-col gap-4">
|
||||
<div className="relative h-100 md:h-75 overflow-y-auto flex flex-col gap-4">
|
||||
<div className="p-2 border-b border-gray-600 grid grid-cols-2 justify-between">
|
||||
<div className="flex flex-col border border-gray-600 p-4 rounded-lg mr-4 hover:bg-[#233241]">
|
||||
<h3 className="text-lg">Start Time</h3> <span className="text-slate-300">{startTime}</span>
|
||||
@@ -50,8 +50,8 @@ const SystemHealth = ({ startTime, uptime, statuses, isLoading, isError, dateUpd
|
||||
<div className="overflow-auto gap-4">
|
||||
<StatusGridItem title={"Modules"} statusCategory={categoryDefault} />
|
||||
</div>
|
||||
<div className="border-t border-gray-500">
|
||||
<small className="italic text-gray-400">{`Last refeshed ${updatedDate}`}</small>
|
||||
<div className="absolute bottom-0 left-0 border-t border-gray-500 w-full">
|
||||
<small className="italic text-gray-400 ">{`Last refeshed ${updatedDate}`}</small>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user