1. Font consistency: add Noto Sans as fallback for both display and body fonts so Greek characters render in the same visual weight as Latin 2. Category panel gradients: reduce top opacity 0.85 → 0.65 (20% less) 3. Mobile full-width: remove max-w cap on mobile; sm:max-w-[960px] on desktop (2× wider than before); shadow only on sm+ breakpoint 4. Smaller Add button (h-9→h-8, text-13→12) and price (22px→18px) 5. More spacing between description and footer hairline (pt-3 mt-3) 6. Square hero image in product detail sheet (aspect-square instead of h-44) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
16 lines
672 B
HTML
16 lines
672 B
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Menu</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700&family=Hanken+Grotesk:wght@400;500;600;700&family=Noto+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.jsx"></script>
|
|
</body>
|
|
</html>
|