fix logs scrolling on mobile (#11045)

blakeblackshear · Apr 19, 2024 · 3ca2d59 · 3ca2d59
1 parent c83c139
commit 3ca2d59
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/web/src/components/overlay/LogInfoDialog.tsx b/web/src/components/overlay/LogInfoDialog.tsx
@@ -28,7 +28,9 @@ export default function LogInfoDialog({
         }
       }}
     >
-      <Content className={isDesktop ? "" : "max-h-[75dvh] p-2 overflow-hidden"}>
+      <Content
+        className={isDesktop ? "" : "max-h-[75dvh] p-2 pb-4 overflow-hidden"}
+      >
         {logLine && (
           <div className="size-full flex flex-col gap-5">
             <div className="w-min flex flex-col gap-1.5">

diff --git a/web/src/pages/Logs.tsx b/web/src/pages/Logs.tsx
@@ -405,7 +405,7 @@ function Logs() {
         </div>
         <div
           ref={contentRef}
-          className="w-full flex flex-col overflow-y-auto no-scrollbar"
+          className="w-full flex flex-col overflow-y-auto no-scrollbar overscroll-contain"
         >
           {logLines.length > 0 &&
             [...Array(logRange.end).keys()].map((idx) => {