feat: add mobile-responsive layout and card views across all pages
Build and Push Multi-Platform Images / build-and-push (push) Successful in 39s

- New useIsMobile hook and MobileCardList component
- AppLayout: hamburger menu + Drawer navigation on mobile
- All list pages (Inbox, Posteingang, Manuell, Mail, Freigabe, Zahlung, TaskLog)
  show card layout on mobile instead of tables
- CSS: responsive modal height, horizontal table scroll, text-size-adjust
- Backend: Agrarmonitor polling fixes, Zahlung service improvements,
  IMAP folder service extended, misc controller fixes

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-07-14 09:22:58 +02:00
parent 0765d14d3b
commit 7076eef57b
28 changed files with 1081 additions and 462 deletions
@@ -0,0 +1,11 @@
import { Grid } from 'antd';
/**
* Zentraler Breakpoint-Hook: mobil = Viewport unter `md` (768px).
* Beim allerersten Render liefert useBreakpoint() noch keine Werte —
* dann Desktop annehmen, um ein Layout-Flackern zu vermeiden.
*/
export function useIsMobile(): boolean {
const screens = Grid.useBreakpoint();
return screens.md === undefined ? false : !screens.md;
}