Claude
416c6ed7c7
- Bottom navigation bar on mobile instead of sidebar - Sheet-style modals (slide up from bottom) on small screens - Larger touch targets for shopping list checkboxes - Stacked ingredient form inputs for mobile usability - Responsive header buttons with short labels on small screens - Safe-area support for notched phones - Reduced padding on mobile for better space usage Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
16 lines
488 B
HTML
16 lines
488 B
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="theme-color" content="#09090b" />
|
|
<title>Mealplanner</title>
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
</html>
|