diff --git a/view/app/containers/components/table.tsx b/view/app/containers/components/table.tsx index 0c1366e22..3bc70a721 100644 --- a/view/app/containers/components/table.tsx +++ b/view/app/containers/components/table.tsx @@ -83,10 +83,10 @@ const ContainersTable = ({ const hasPorts = container.ports && container.ports.length > 0; const formattedDate = container.created - ? new Intl.DateTimeFormat(undefined, { day: 'numeric', month: 'long' }).format( - new Date(parseInt(container.created) * 1000) - ) - : '-'; + ? new Intl.DateTimeFormat('en-US', { month: 'short', day: '2-digit', year: 'numeric' }).format( + new Date(parseInt(container.created) * 1000) + ) + : '-'; return ( router.push(`/containers/${container.id}`)} diff --git a/view/app/globals.css b/view/app/globals.css index 87ebc30c0..494f7b620 100644 --- a/view/app/globals.css +++ b/view/app/globals.css @@ -523,3 +523,5 @@ scrollbar-width: none; } } + + diff --git a/view/components/layout/app-sidebar.tsx b/view/components/layout/app-sidebar.tsx index 7b631fec6..6c4dc37fb 100644 --- a/view/components/layout/app-sidebar.tsx +++ b/view/components/layout/app-sidebar.tsx @@ -151,7 +151,7 @@ export function AppSidebar({ } return ( - + diff --git a/view/components/layout/nav-user.tsx b/view/components/layout/nav-user.tsx index 26c74037d..af23f78eb 100644 --- a/view/components/layout/nav-user.tsx +++ b/view/components/layout/nav-user.tsx @@ -220,10 +220,6 @@ Add any other context about the problem here.`; {t('user.menu.help')} - - - {t('user.menu.reportIssue')} - @@ -232,6 +228,20 @@ Add any other context about the problem here.`; + + {/* Bottom-aligned actions */} + + + {t('user.menu.sponsor')} + + + + {t('user.menu.help')} + + + + {t('user.menu.reportIssue')} + ); } diff --git a/view/components/ui/sidebar.tsx b/view/components/ui/sidebar.tsx index 9d55d0aae..a71b6f245 100644 --- a/view/components/ui/sidebar.tsx +++ b/view/components/ui/sidebar.tsx @@ -431,12 +431,13 @@ function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div' ); } +// Ensure the sidebar supports bottom anchoring function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) { return (
    );