moves app footer

Author: Mbeaulne

src/components/Home/FavoritesSection/FavoritesSection.tsx

@@ -13,7 +13,7 @@ import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
 import { Icon } from "@/components/ui/icon";
-import { BlockStack, InlineStack } from "@/components/ui/layout";
+import { InlineStack } from "@/components/ui/layout";
 import {
   Popover,
   PopoverContent,

src/components/Home/PipelineSection/PipelineRow.tsx

@@ -213,7 +213,11 @@ export const PipelineSection = withSuspenseWrapper(() => {
       </Table>
 
       {totalPages > 1 && (
-        <InlineStack align="space-between" blockAlign="center" className="w-full">
+        <InlineStack
+          align="space-between"
+          blockAlign="center"
+          className="w-full"
+        >
           <InlineStack gap="2" blockAlign="center">
             <Button
               variant="outline"

src/components/Home/PipelineSection/PipelineSection.tsx

@@ -15,7 +15,6 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
-import { Paragraph } from "@/components/ui/typography";
 import useToastNotification from "@/hooks/useToastNotification";
 import { useBackend } from "@/providers/BackendProvider";
 import { APP_ROUTES } from "@/routes/router";
@@ -95,14 +94,17 @@ const RunRow = ({ run }: { run: PipelineRunResponse }) => {
   return (
     <TableRow
       onClick={handleRowClick}
-      className="cursor-pointer text-gray-500 text-xs"
+      className="cursor-pointer text-gray-500 text-xs h-10"
     >
       <TableCell>
         <InlineStack gap="2" blockAlign="center" wrap="nowrap">
           <StatusIcon status={overallStatus} />
-          <Paragraph className="truncate max-w-100 text-sm" title={name}>
+          <span
+            className="truncate max-w-100 text-sm text-foreground"
+            title={name}
+          >
             {name}
-          </Paragraph>
+          </span>
           <div
             onClick={(e) => e.stopPropagation()}
             className="flex items-center text-sm"

src/components/Home/RecentlyViewedSection/RecentlyViewedSection.tsx

@@ -1,4 +1,4 @@
-import { Outlet } from "@tanstack/react-router";
+import { Outlet, useLocation } from "@tanstack/react-router";
 import { TanStackRouterDevtools } from "@tanstack/router-devtools";
 import { ToastContainer } from "react-toastify";
 
@@ -11,6 +11,8 @@ import AppMenu from "./AppMenu";
 
 const RootLayout = () => {
   useDocumentTitle();
+  const { pathname } = useLocation();
+  const isDashboard = pathname.startsWith("/dashboard");
 
   return (
     <BackendProvider>
@@ -24,7 +26,7 @@ const RootLayout = () => {
             <Outlet />
           </main>
 
-          <AppFooter />
+          {!isDashboard && <AppFooter />}
 
           {import.meta.env.VITE_ENABLE_ROUTER_DEVTOOLS === "true" && (
             <TanStackRouterDevtools />