fix(3000): last updated at overflowing on mobile dashboards (#19571)

* init * use flex-wrap & tailwind instead of SCSS
PostHog · Jan 17, 2024 · 31a1362 · 31a1362
1 parent 55554f2
commit 31a1362
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/src/lib/hooks/useResizeObserver.ts b/frontend/src/lib/hooks/useResizeObserver.ts
@@ -9,7 +9,7 @@ if (!window.ResizeObserver) {
 
 export const useResizeObserver = useResizeObserverImport
 
-export function useResizeBreakpoints<T>(
+export function useResizeBreakpoints<T extends string>(
     breakpoints: { [key: number]: T },
     options?: {
         ref?: RefObject<HTMLDivElement> | null | undefined

diff --git a/frontend/src/scenes/dashboard/Dashboard.tsx b/frontend/src/scenes/dashboard/Dashboard.tsx
@@ -110,7 +110,7 @@ function DashboardScene(): JSX.Element {
                 <EmptyDashboardComponent loading={itemsLoading} canEdit={canEditDashboard} />
             ) : (
                 <div>
-                    <div className="flex space-x-4 justify-between">
+                    <div className="flex gap-2 items-center justify-between flex-wrap">
                         {![
                             DashboardPlacement.Public,
                             DashboardPlacement.Export,