External/CoreControl
1
0
Fork 0
mirror of https://github.com/crocofied/CoreControl.git synced 2025-12-18 16:07:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

responsive Uptime Page

Browse Source
This commit is contained in:
headlessdev 2025-04-15 14:21:51 +02:00
parent 1088806921
commit a3b47bd314
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/dashboard/uptime/Uptime.tsx
View File

@ -47,10 +47,10 @@ const timeFormats = {
}) })
}; };
const gridColumns = { const minBoxWidths = {
1: 30, 1: 24,
2: 56, 2: 24,
3: 30 3: 24
}; };
interface UptimeData { interface UptimeData {
@ -193,10 +193,9 @@ export default function Uptime() {
<Tooltip.Provider> <Tooltip.Provider>
<div <div
className="grid gap-0.5 w-full overflow-x-auto pb-2" className="grid gap-0.5 w-full pb-2"
style={{ style={{
gridTemplateColumns: `repeat(${gridColumns[timespan]}, minmax(0, 1fr))`, gridTemplateColumns: `repeat(auto-fit, minmax(${minBoxWidths[timespan]}px, 1fr))`
minWidth: `${gridColumns[timespan] * 24}px`
}} }}
> >
{reversedSummary.map((entry) => ( {reversedSummary.map((entry) => (