ayrisdev/menulio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: redesign web menu layout, add header cover banner & dynamic header layout, refine mobile inputs and theme selector

Browse Source
This commit is contained in:
AyrisAI
2026-08-20 15:07:13 +03:00
parent 6fb91c94ff
commit 0836fc8539
17 changed files with 311 additions and 553 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/lib/demo-data.ts
+1
View File
@@ -5,6 +5,7 @@ export const DEMO_RESTAURANT: RestaurantData = {
name: "Gusto & Co. Brasserie",
slug: "gusto-brasserie",
logo_url: null,
cover_url: "https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?w=1200&auto=format&fit=crop&q=80",
phone: "+90 (212) 555 0192",
address: "Nişantaşı, Abdi İpekçi Cad. No: 42, İstanbul",
};
apps/web/src/lib/theme.ts
+10
View File
@@ -25,6 +25,7 @@ export const THEME_PRESETS: Record<string, ThemePreset> = {
background: "#F7F3EC",
productLayout: "card",
categoryLayout: "tabs",
headerLayout: "centered",
},
cardBg: "#FCFAF6",
cardBorder: "#E4DBCF",
@@ -44,6 +45,7 @@ export const THEME_PRESETS: Record<string, ThemePreset> = {
background: "#0D1117",
productLayout: "card",
categoryLayout: "tabs",
headerLayout: "left",
},
cardBg: "#FCF7EC",
cardBorder: "rgba(255, 42, 133, 0.3)",
@@ -63,6 +65,7 @@ export const THEME_PRESETS: Record<string, ThemePreset> = {
background: "#EEEAE4",
productLayout: "card",
categoryLayout: "tabs",
headerLayout: "centered",
},
cardBg: "#F7F4EF",
cardBorder: "rgba(36, 70, 58, 0.2)",
@@ -82,6 +85,7 @@ export const THEME_PRESETS: Record<string, ThemePreset> = {
background: "#FFFFFF",
productLayout: "card",
categoryLayout: "tabs",
headerLayout: "left",
},
cardBg: "#FFFFFF",
cardBorder: "#000000",
@@ -101,6 +105,7 @@ export const THEME_PRESETS: Record<string, ThemePreset> = {
background: "#121316",
productLayout: "card",
categoryLayout: "tabs",
headerLayout: "centered",
},
cardBg: "#1C1E24",
cardBorder: "rgba(255, 255, 255, 0.08)",
@@ -120,6 +125,7 @@ export const THEME_PRESETS: Record<string, ThemePreset> = {
background: "#FAF8F5",
productLayout: "card",
categoryLayout: "accordion",
headerLayout: "centered",
},
cardBg: "#FFFFFF",
cardBorder: "rgba(200, 169, 107, 0.18)",
@@ -139,6 +145,7 @@ export const THEME_PRESETS: Record<string, ThemePreset> = {
background: "#F8FAFC",
productLayout: "card",
categoryLayout: "tabs",
headerLayout: "left",
},
cardBg: "#FFFFFF",
cardBorder: "rgba(226, 232, 240, 0.9)",
@@ -158,6 +165,7 @@ export const THEME_PRESETS: Record<string, ThemePreset> = {
background: "#0F0F12",
productLayout: "card",
categoryLayout: "accordion",
headerLayout: "centered",
},
cardBg: "#18181D",
cardBorder: "rgba(255, 255, 255, 0.07)",
@@ -177,6 +185,7 @@ export const THEME_PRESETS: Record<string, ThemePreset> = {
background: "#FAFAFA",
productLayout: "list",
categoryLayout: "flat",
headerLayout: "left",
},
cardBg: "#FFFFFF",
cardBorder: "#E4E4E7",
@@ -196,6 +205,7 @@ export const THEME_PRESETS: Record<string, ThemePreset> = {
background: "#FFF9F2",
productLayout: "list",
categoryLayout: "accordion",
headerLayout: "centered",
},
cardBg: "#FFFFFF",
cardBorder: "rgba(139, 30, 30, 0.15)",