diff --git a/frontend/src/App.css b/frontend/src/App.css index 8f706a8..9776687 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -436,6 +436,9 @@ select { border-left: 1px solid var(--border-subtle); padding: 1rem 1rem 1rem 1.2rem; box-shadow: 18px 0 40px rgba(0, 0, 0, 0.7); + display: flex; + flex-direction: column; + overflow: hidden; } .drawer-header { @@ -446,14 +449,20 @@ select { } .drawer-body { - max-height: calc(100vh - 4rem); - overflow: auto; + flex: 1; + overflow-y: auto; + padding-bottom: 1rem; } .drawer-footer { - margin-top: 0.7rem; + margin-top: auto; + padding-top: 0.7rem; display: flex; gap: 0.5rem; + position: sticky; + bottom: 0; + background: var(--bg-primary); + border-top: 1px solid var(--border); } .icon-btn { diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index 5d61159..b1c403c 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -250,7 +250,7 @@ function App() { - + diff --git a/frontend/src/components/RecipeDetails.jsx b/frontend/src/components/RecipeDetails.jsx index 402a58d..5b1c987 100644 --- a/frontend/src/components/RecipeDetails.jsx +++ b/frontend/src/components/RecipeDetails.jsx @@ -87,7 +87,7 @@ function translateMealType(type) { case "dinner": return "ערב"; case "snack": - return "נשנוש"; + return "קינוחים"; default: return type; } diff --git a/frontend/src/components/RecipeFilters.jsx b/frontend/src/components/RecipeFilters.jsx index 0dafe7e..eb2d415 100644 --- a/frontend/src/components/RecipeFilters.jsx +++ b/frontend/src/components/RecipeFilters.jsx @@ -148,7 +148,7 @@ function translateMealType(type) { case "dinner": return "ערב"; case "snack": - return "נשנוש"; + return "קינוחים"; default: return type; } diff --git a/frontend/src/components/RecipeFormDrawer.jsx b/frontend/src/components/RecipeFormDrawer.jsx index 98f32c0..341fa49 100644 --- a/frontend/src/components/RecipeFormDrawer.jsx +++ b/frontend/src/components/RecipeFormDrawer.jsx @@ -136,7 +136,7 @@ function RecipeFormDrawer({ open, onClose, onSubmit, editingRecipe = null }) { - + diff --git a/frontend/src/components/RecipeList.jsx b/frontend/src/components/RecipeList.jsx index 4501e4a..27036ab 100644 --- a/frontend/src/components/RecipeList.jsx +++ b/frontend/src/components/RecipeList.jsx @@ -42,7 +42,7 @@ function translateMealType(type) { case "dinner": return "ערב"; case "snack": - return "נשנוש"; + return "קינוחים"; default: return type; } diff --git a/frontend/src/components/RecipeSearchList.jsx b/frontend/src/components/RecipeSearchList.jsx index 5c60610..4f25f1a 100644 --- a/frontend/src/components/RecipeSearchList.jsx +++ b/frontend/src/components/RecipeSearchList.jsx @@ -239,7 +239,7 @@ function translateMealType(type) { case "dinner": return "ערב"; case "snack": - return "נשנוש"; + return "קינוחים"; default: return type; }