* Add comprehensive mobile support with responsive navigation

- Add hamburger drawer navigation for mobile (< 768px)
  - Create useIsMobile hook for responsive breakpoint detection
  - Create useLongPress hook for touch gesture context menus
  - Update Button component with 44px min-height for WCAG touch compliance
  - Update Toggle component with larger mobile size (44x28px)
  - Add responsive padding (p-4 md:p-8) to all pages
  - Update ArchivesPage with mobile menu button and horizontal scroll filters
  - Update SettingsPage with stacked column layout on mobile
  - Increase drag handle sizes for touch-friendly reordering
  - Add CSS utilities for touch-manipulation and safe-area insets
This commit is contained in:
maziggy
2025-12-09 12:55:59 +00:00
parent b4007c9594
commit 42cdfdbd74
20 changed files with 8857 additions and 8682 deletions
+2 -2
View File
@@ -7,8 +7,8 @@
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png" />
<script type="module" crossorigin src="/assets/index-DHVVjLkT.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CcC-KyfM.css">
<script type="module" crossorigin src="/assets/index-iXqNZkoR.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BDGCrNHI.css">
</head>
<body>
<div id="root"></div>