fix(ui): remove hiding navbar on MB Air-screen-size fixes (#2023)

keephq · Sep 29, 2024 · 3aca0f4 · 3aca0f4
1 parent ab4b44a
commit 3aca0f4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/keep-ui/app/incidents/incidents-table.tsx b/keep-ui/app/incidents/incidents-table.tsx
@@ -118,7 +118,7 @@ export default function IncidentsTable({
       id: "name",
       header: "Name",
       cell: ({ row }) => (
-        <div className="text-wrap">
+        <div className="text-pretty min-w-40">
           {row.original.user_generated_name || row.original.ai_generated_name}
         </div>
       ),
@@ -127,7 +127,7 @@ export default function IncidentsTable({
       id: "user_summary",
       header: "Summary",
       cell: ({ row }) => (
-        <div className="text-wrap">{row.original.user_summary}</div>
+        <div className="text-pretty min-w-96">{row.original.user_summary}</div>
       ),
     }),
     columnHelper.display({

diff --git a/keep-ui/components/navbar/Navbar.css b/keep-ui/components/navbar/Navbar.css
@@ -0,0 +1,3 @@
+.scrollable-menu-shadow {
+  box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.1);
+}
diff --git a/keep-ui/components/navbar/Navbar.tsx b/keep-ui/components/navbar/Navbar.tsx
@@ -9,6 +9,7 @@ import { MinimizeMenuButton } from "components/navbar/MinimizeMenuButton";
 import { authOptions } from "pages/api/auth/[...nextauth]";
 import { DashboardLinks } from "@/components/navbar/DashboardLinks";
 import { IncidentsLinks } from "@/components/navbar/IncidentLinks";
+import "./Navbar.css";
 
 export default async function NavbarInner() {
   const session = await getServerSession(authOptions);
@@ -18,13 +19,13 @@ export default async function NavbarInner() {
       <InitPostHog />
       <Menu>
         <Search />
-        <div className="pt-6 space-y-4 flex-1 overflow-auto">
+        <div className="pt-6 space-y-4 flex-1 overflow-auto scrollable-menu-shadow">
           <IncidentsLinks session={session} />
           <AlertsLinks session={session} />
           <NoiseReductionLinks session={session} />
           <DashboardLinks session={session} />
         </div>
-        <UserInfo session={session} />
+        <UserInfo session={session}/>
       </Menu>
       <MinimizeMenuButton />
     </>