From 6520783fe9fc79dbc18acf9404d8196475396c45 Mon Sep 17 00:00:00 2001
From: henrygd <hank@henrygd.me>
Date: Sat, 12 Jul 2025 21:16:40 -0400
Subject: [PATCH] small ui tweaks

---
 .../src/components/alerts/alert-button.tsx    | 22 ++++++++++++++++++-
 .../src/components/routes/settings/layout.tsx |  4 ++--
 .../systems-table/systems-table.tsx           |  4 ++--
 beszel/site/tailwind.config.js                |  2 +-
 4 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/beszel/site/src/components/alerts/alert-button.tsx b/beszel/site/src/components/alerts/alert-button.tsx
index 28b2625..b06eef5 100644
--- a/beszel/site/src/components/alerts/alert-button.tsx
+++ b/beszel/site/src/components/alerts/alert-button.tsx
@@ -39,13 +39,33 @@ export default memo(function AlertsButton({ system }: { system: SystemRecord })
 						/>
 					</Button>
 				</DialogTrigger>
-				<DialogContent className="max-h-full overflow-auto max-w-[35rem]">
+				<DialogContent className="max-h-full sm:max-h-[95svh] overflow-auto max-w-[37rem]">
 					{opened && <AlertDialogContent system={system} />}
 				</DialogContent>
 			</Dialog>
 		),
 		[opened, hasAlert]
 	)
+
+	// return useMemo(
+	// 	() => (
+	// 		<Sheet>
+	// 			<SheetTrigger asChild>
+	// 				<Button variant="ghost" size="icon" aria-label={t`Alerts`} data-nolink onClick={() => setOpened(true)}>
+	// 					<BellIcon
+	// 						className={cn("h-[1.2em] w-[1.2em] pointer-events-none", {
+	// 							"fill-primary": hasAlert,
+	// 						})}
+	// 					/>
+	// 				</Button>
+	// 			</SheetTrigger>
+	// 			<SheetContent className="max-h-full overflow-auto w-[35em] p-4 sm:p-5">
+	// 				{opened && <AlertDialogContent system={system} />}
+	// 			</SheetContent>
+	// 		</Sheet>
+	// 	),
+	// 	[opened, hasAlert]
+	// )
 })
 
 function AlertDialogContent({ system }: { system: SystemRecord }) {
diff --git a/beszel/site/src/components/routes/settings/layout.tsx b/beszel/site/src/components/routes/settings/layout.tsx
index 0af2758..d6c0eff 100644
--- a/beszel/site/src/components/routes/settings/layout.tsx
+++ b/beszel/site/src/components/routes/settings/layout.tsx
@@ -95,8 +95,8 @@ export default function SettingsLayout() {
 			</CardHeader>
 			<CardContent className="p-0">
 				<Separator className="hidden md:block my-5" />
-				<div className="flex flex-col gap-3.5 md:flex-row md:gap-5 lg:gap-10">
-					<aside className="md:max-w-44 min-w-40">
+				<div className="flex flex-col gap-3.5 md:flex-row md:gap-5 lg:gap-12">
+					<aside className="md:max-w-52 min-w-40">
 						<SidebarNav items={sidebarNavItems} />
 					</aside>
 					<div className="flex-1 min-w-0">
diff --git a/beszel/site/src/components/systems-table/systems-table.tsx b/beszel/site/src/components/systems-table/systems-table.tsx
index f95c102..e1890e3 100644
--- a/beszel/site/src/components/systems-table/systems-table.tsx
+++ b/beszel/site/src/components/systems-table/systems-table.tsx
@@ -226,7 +226,7 @@ export default function SystemsTable() {
 				},
 			},
 			{
-				accessorKey: "info.l5",
+				accessorFn: (originalRow) => originalRow.info.l5,
 				id: "l5",
 				name: () => t({ message: "L5", comment: "Load average 5 minutes" }),
 				size: 0,
@@ -246,7 +246,7 @@ export default function SystemsTable() {
 				},
 			},
 			{
-				accessorKey: "info.l15",
+				accessorFn: (originalRow) => originalRow.info.l15,
 				id: "l15",
 				name: () => t({ message: "L15", comment: "Load average 15 minutes" }),
 				size: 0,
diff --git a/beszel/site/tailwind.config.js b/beszel/site/tailwind.config.js
index 060074d..8cedef9 100644
--- a/beszel/site/tailwind.config.js
+++ b/beszel/site/tailwind.config.js
@@ -8,7 +8,7 @@ module.exports = {
 			center: true,
 			padding: "1rem",
 			screens: {
-				"2xl": "1420px",
+				"2xl": "1440px",
 			},
 		},
 		extend: {