From 734ebd3dfd3bda04c54da90a9e979ee31533f31c Mon Sep 17 00:00:00 2001 From: Claude Date: Wed, 9 Sep 2026 23:58:23 +0000 Subject: [PATCH] Extract SCROLLBAR_SIZE constant and increase to 10px Co-Authored-By: Claude Sonnet 4.6 Claude-Session: https://claude.ai/code/session_01FGiX1wXCY5UtSrmoKBhDQu --- client/src/Pages/Docker/ContainerDetails/TabLogs.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/client/src/Pages/Docker/ContainerDetails/TabLogs.tsx b/client/src/Pages/Docker/ContainerDetails/TabLogs.tsx index 51b5f55a8..2c85e9386 100644 --- a/client/src/Pages/Docker/ContainerDetails/TabLogs.tsx +++ b/client/src/Pages/Docker/ContainerDetails/TabLogs.tsx @@ -38,6 +38,7 @@ interface TabLogsProps { const SCROLL_PIN_THRESHOLD_PX = 8; const TAIL_POLL_MS = 10_000; +const SCROLLBAR_SIZE = 10; const isScrolledToBottom = (el: HTMLElement) => el.scrollHeight - el.scrollTop - el.clientHeight <= SCROLL_PIN_THRESHOLD_PX; @@ -217,7 +218,7 @@ export const TabLogs = ({ monitorId, containerName, enabled }: TabLogsProps) => overflowAnchor: "none", scrollbarWidth: "thin", scrollbarColor: "#11715b transparent", - "&::-webkit-scrollbar": { width: 8, height: 8 }, + "&::-webkit-scrollbar": { width: SCROLLBAR_SIZE, height: SCROLLBAR_SIZE }, "&::-webkit-scrollbar-track": { background: "transparent" }, "&::-webkit-scrollbar-thumb": { background: "#11715b", @@ -225,8 +226,8 @@ export const TabLogs = ({ monitorId, containerName, enabled }: TabLogsProps) => }, "&::-webkit-scrollbar-button": { backgroundColor: "#11715b", - width: 8, - height: 8, + width: SCROLLBAR_SIZE, + height: SCROLLBAR_SIZE, }, }} >