From a3b47bd314dcd34e3ecf7b7a905b991f696f82b8 Mon Sep 17 00:00:00 2001
From: headlessdev <damian.bergemann@outlook.com>
Date: Tue, 15 Apr 2025 14:21:51 +0200
Subject: [PATCH] responsive Uptime Page

---
 app/dashboard/uptime/Uptime.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

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